欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

json.stringify()與json.parse()的區(qū)別以及用處

 更新時(shí)間：2021年01月25日 10:40:32   作者：Adelamm  
這篇文章主要介紹了json.stringify()與json.parse()的區(qū)別以及用處,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

一、JSON.stringify()和JSON.parse() 區(qū)別

我們都用過JSON.stringify()和JSON.parse() ，從名字上就能知道
JSON.stringify()的作用是將JavaScript對象轉(zhuǎn)換為JSON 字符串
JSON.parse()可以將JSON字符串轉(zhuǎn)為一個(gè)對象。

通俗易懂版:

  • JSON.stringify() 將對象a轉(zhuǎn)化成字符串s;
  • JSON.parse() 將字符串s轉(zhuǎn)化成對象a;

簡單點(diǎn)說，它們的作用是相對的，我用JSON.stringify()將對象a變成了字符串c，那么我就可以用JSON.parse()將字符串c還原成對象a。

let arr = [1,2,3];
JSON.stringify(arr);//'[1,2,3]'
typeof JSON.stringify(arr);//string

let string = '[1,2,3]';
console.log(JSON.parse(string))//[1,2,3]
console.log(typeof JSON.parse(string))//object

在使用JSON.parse()需要注意一點(diǎn)，由于此方法是將JSON字符串轉(zhuǎn)換成對象，所以你的字符串必須符合JSON格式，即鍵值都必須使用雙引號包裹：

let a = '["1","2"]';
let b = "['1','2']";
console.log(JSON.parse(a));// Array [1,2]
console.log(JSON.parse(b));// 報(bào)錯

二、JSON.stringify()妙用

1.判斷數(shù)組是否包含某對象，或者判斷對象是否相等。

//判斷數(shù)組是否包含某對象
let data = [
  {name:'掘金'},
  {name:'css學(xué)習(xí)'},
  {name:'js學(xué)習(xí)'},
  ],
  val = {name:'掘金'};
JSON.stringify(data).indexOf(JSON.stringify(val)) !== -1; // true

//判斷兩數(shù)組/對象是否相等
let a = [1,2,3],
  b = [1,2,3];
JSON.stringify(a) === JSON.stringify(b);//true

2.讓localStorage/sessionStorage可以存儲對象。

localStorage/sessionStorage默認(rèn)只能存儲字符串，而實(shí)際開發(fā)中，我們往往需要存儲的數(shù)據(jù)多為對象類型，那么這里我們就可以在存儲時(shí)利用json.stringify()將對象轉(zhuǎn)為字符串，而在取緩存時(shí)，只需配合json.parse()轉(zhuǎn)回對象即可。

//存
function setLocalStorage(key,val){
  window.localStorage.setItem(key,JSON.stringify(val));
};
//取
function getLocalStorage(key){
  let val = JSON.parse(window.localStorage.getItem(key));
 window.localStorage.removeItem(key)
  return val;
};
//測試
let data = [
  {name:'掘金'},
  {name:'css學(xué)習(xí)'},
  {name:'js學(xué)習(xí)'},
  ];
setLocalStorage('STORAGEDATE',data);
let a = getLocalStorage('STORAGEDATE');

3.實(shí)現(xiàn)對象深拷貝

實(shí)際開發(fā)中，如果怕影響原數(shù)據(jù)，我們常深拷貝出一份數(shù)據(jù)做任意操作，其實(shí)使用JSON.stringify()與JSON.parse()來實(shí)現(xiàn)深拷貝是很不錯的選擇。

//深拷貝
function deepClone(data) {
  let _data = JSON.stringify(data),
    dataClone = JSON.parse(_data);
  return dataClone;
};
//測試
let arr = [1,2,3],
  _arr = deepClone(arr);
arr[0] = 2;
console.log(arr,_arr)//[2,2,3] [1,2,3]

到此這篇關(guān)于json.stringify()與json.parse()的區(qū)別以及用處的文章就介紹到這了,更多相關(guān)json.stringify()與json.parse()內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論