Der Unterschied und die Verwendung von json.stringify() und json.parse()

1. Unterschiede zwischen JSON.stringify() und JSON.parse()

Wir alle haben JSON.stringify() und JSON.parse() verwendet. Sie können es an den Namen erkennen
JSON.stringify() wird verwendet, um ein JavaScript-Objekt in eine JSON-Zeichenfolge zu konvertieren.
JSON.parse() kann eine JSON-Zeichenfolge in ein Objekt konvertieren.

Leicht verständliche Version:

• JSON.stringify() konvertiert Objekt a in String s;
• JSON.parse() konvertiert Zeichenfolge s in Objekt a;

Um es einfach auszudrücken: Ihre Funktionen sind relativ. Wenn ich JSON.stringify() verwende, um Objekt a in den String c umzuwandeln, kann ich JSON.parse() verwenden, um den String c in Objekt a wiederherzustellen.

sei arr = [1,2,3];
JSON.stringify(arr); //'[1,2,3]'
Typ von JSON.stringify (arr);//Zeichenfolge

sei Zeichenfolge = '[1,2,3]';
konsole.log(JSON.parse(Zeichenfolge)) //[1,2,3]
console.log(Typ von JSON.parse(Zeichenfolge))//Objekt

Bei der Verwendung von JSON.parse() ist zu beachten, dass diese Methode einen JSON-String in ein Objekt umwandelt. Ihr String muss daher dem JSON-Format entsprechen, d. h. sowohl Schlüssel als auch Werte müssen in doppelte Anführungszeichen eingeschlossen sein:

sei a = '["1","2"]';
sei b = "['1','2']";
console.log(JSON.parse(a)); // Array [1,2]
console.log(JSON.parse(b)); // Fehler

2. Nützliche Verwendungen von JSON.stringify()

1. Bestimmen Sie, ob ein Array ein Objekt enthält oder ob die Objekte gleich sind.

//Beurteilen, ob das Array ein Objekt enthält let data = [
  {name:'Nuggets'},
  {name:'css lernen'},
  {name:'js lernen'},
  ],
  Wert = {Name:'Nuggets'};
JSON.stringify(Daten).indexOf(JSON.stringify(Wert)) !== -1; // wahr

//Beurteilen, ob zwei Arrays/Objekte gleich sind let a = [1,2,3],
  b = [1,2,3];
JSON.stringify(a) === JSON.stringify(b); //wahr

2. Erlauben Sie localStorage/sessionStorage, Objekte zu speichern.

Standardmäßig können localStorage/sessionStorage nur Zeichenfolgen speichern. In der tatsächlichen Entwicklung müssen wir häufig Objekte speichern. In diesem Fall können wir json.stringify() verwenden, um Objekte beim Speichern in Zeichenfolgen umzuwandeln. Beim Abrufen des Caches müssen wir nur json.parse() verwenden, um sie wieder in Objekte umzuwandeln.

//Speicherfunktion setLocalStorage(key,val){
  window.localStorage.setItem(Schlüssel,JSON.stringify(Wert));
};
//Funktion abrufen getLocalStorage(Schlüssel){
  let val = JSON.parse(window.localStorage.getItem(Schlüssel));
 window.localStorage.removeItem(Schlüssel)
  Rückgabewert;
};
//Testen Sie let data = [
  {name:'Nuggets'},
  {name:'css lernen'},
  {name:'js lernen'},
  ];
setLocalStorage('STORAGEDATE',Daten);
let a = getLocalStorage('STORAGEDATE'); 

3. Implementieren Sie eine tiefe Kopie von Objekten

Wenn wir bei der tatsächlichen Entwicklung Angst haben, die Originaldaten zu beeinträchtigen, erstellen wir häufig eine tiefe Kopie der Daten für beliebige Vorgänge. Tatsächlich ist die Verwendung von JSON.stringify () und JSON.parse () zum Erstellen einer tiefen Kopie eine gute Wahl.

//Tiefenkopierfunktion deepClone(Daten) {
  let _data = JSON.stringify(data),
    : Der DatenClone wird in JSON.parse(_data) konvertiert.
  gibt dataClone zurück;
};
//Testen Sie, dass arr = [1,2,3] ist,
  _arr = deepClone(arr);
arr[0] = 2;
konsole.log(arr,_arr) //[2,2,3] [1,2,3]

Damit ist dieser Artikel über die Unterschiede und Verwendungen von json.stringify() und json.parse() abgeschlossen. Weitere Informationen zu json.stringify() und json.parse() finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!