Pourquoi utiliser JSON.stringify() et JSON.parse()

---

avant-propos

Nous voyons souvent l'utilisation de JSON.stringify() et JSON.parse() dans les projets, mais pourquoi sont-ils utilisés ? Comment les utiliser, cet article va les partager avec vous.

---

1. Pourquoi utiliser JSON.stringify()

La méthode JSON.stringify() convertit un objet ou une valeur JavaScript en une chaîne JSON, et seules les chaînes peuvent être transmises lors de la transmission des données. Si les données sont transférées directement, elles deviendront [[Prototype]] : l'objet ne peut pas être utilisé

2. Comparaison de l'utilisation ou non de JSON.stringify()

Lorsqu'il n'est pas utilisé :

let abc = res.data.data.pages; //res是后端接口返回的数据,因为想要更好的说明情况在此处做了省略处理
console.log('后端返回的数据_abc:', abc);
sessionStorage.setItem('abc', abc);
sessionStorage.getItem('abc');
console.log('无JSON.stringify()_abc:', sessionStorage.getItem('abc'));

Après avoir utilisé JSON.stringify() :

let abc = res.data.data.pages; //res是后端接口返回的数据,因为想要更好的说明情况在此处做了省略处理
let def = JSON.stringify(res.data.data.pages);
console.log('后端返回的数据_abc:', abc);
sessionStorage.setItem('def', def);
sessionStorage.getItem('def');
console.log('有JSON.stringify()_def:', sessionStorage.getItem('def'));

À ce stade, la valeur renvoyée ne sera pas [[Prototype]] : Objet, mais contiendra des données, mais elles seront toujours différentes de la valeur que nous avons initialement obtenue à partir de l'arrière-plan. À ce stade, JSON.parse() doit être épuisé.

3. Utilisez JSON.parse() pour analyser les données

let abc = res.data.data.pages; //res是后端接口返回的数据,因为想要更好的说明情况在此处做了省略处理
let def = JSON.stringify(res.data.data.pages);
console.log('后端返回的数据_abc:', abc);
sessionStorage.setItem('def', def);
sessionStorage.getItem('def');
//console.log('有JSON.stringify()_def:', sessionStorage.getItem('def'));
console.log('解析后的JSON.stringify()_def:', JSON.parse(sessionStorage.getItem('def')));

Les données à ce moment sont les mêmes que les données renvoyées par le backend, de sorte qu'elles peuvent être utilisées dans d'autres pages de composants

enfin

Si le partage vous est utile, n'oubliez pas de l' aimer et de l'encourager ! ! !