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 参数中强制指定它们。
  • 不可枚举的属性默认会被忽略:
上一篇:vue post application/x-www-form-urlencoded传参的解决方案


下一篇:JSON.parse和JSON.stringify的巧用