JSON.stringify()的使用

JSON.stringify(value,replacer(),space)

1. 使用场景

• 判断对象/数组值是否相等

 let obj1={},obj2={};
 JSON.stringify(obj1)==='{}';
 JSON.stringify(obj1)=== JSON.stringify(obj2);

• 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;
}

• 实现对象深拷贝

function deepClone(data){
	return JSON.parse(JSON.stringify(data))
}

• 路由传参

2. 使用注意事项

• 被转换值中有undefined,Object,Symbol(’’),NaN,infinity,null都会转成null

//数组
let arr=[undefined, Object, Symbol(""),null,Infinity,NaN];
JSON.stringify(arr)//"[null,null,null,null,null,null]"
//对象
JSON.stringify({ x: undefined, y: Object, z: Symbol("") });//"{}"

• 循环引用对象会报错
• 所有以 symbol 为属性键的属性都会被完全忽略掉，即便 replacer 参数中强制指定它们。
• 不可枚举的属性默认会被忽略：