巧用JSON.stringify()、JSON.parse()

巧用JSON.stringify()、JSON.parse()

首先说说这两个的作用，JSON.stringify()是把值转换为字符串，而JSON.parse()是把json字符串转换成一个对象。

运用

一、判断引用数据类型是否相等

例如

var arr = [1,2,3]; var arr2 = [1,2,3];
arr === arr2  //false
JSON.stringify(arr) === JSON.stringify(arr2) //true

二、实现深拷贝

例如

var arr = [1,2,3]; var arr2 = arr;
arr.push(4);
console.log(arr); //[1,2,3,4]
console.log(arr2); //[1,2,3,4]

var arr = [1,2,3]; var arr2 = arr;
arr2 = JSON.stringify(arr2);
arr2 = JSON.parse(arr2);
arr.push(4);
console.log(arr); //[1,2,3,4]
console.log(arr2); //[1,2,3]

三、实现localStorage/sessionStorage存对象

例如

//存
function setLocalStorage(key,val){
    window.localStorage.setItem(key,JSON.stringify(val));
};
//取
function getLocalStorage(key){
    let val = JSON.parse(window.localStorage.getItem(key));
    return val;
};
//测试
setLocalStorage('arr',[1,2,3]);
let  a = getLocalStorage('arr');//[1,2,3]

四、console.log()\alert()对象时为’[object,Object]’

例如

var b = {'c':1,'d':1};
alert(b);

var b = {'c':1,'d':1};
alert(JSON.stringify(b));