JSON.stringify常用的几种情况

本文介绍了如何使用JSON.stringify判断对象是否为空,以及布尔值、数字和字符串的包装对象在序列化中的行为。同时讲解了JSON.parse的功能,包括其与JSON.stringify的区别,以及如何利用它们进行深拷贝以保护原始数据。
摘要由CSDN通过智能技术生成

目前我用到的四种情况两大类

一:判断对象是否为空对象

JSON.stringify(obj) === "{}"
//比如判断对象obj是不是空对象
if (JSON.stringify(obj) === "{}") {
console.log('123');
      }

二:布尔值、数字、字符串的包装对象在序列化过程中会自动转换成对应的原始值

console.log(typeof JSON.stringify(new String('123')), JSON.stringify(new String('123'))) // string "123"

console.log(typeof JSON.stringify(new Number(123)), JSON.stringify(new Number(123))) // string "123"

console.log(typeof JSON.stringify(new Boolean(false)), JSON.stringify(new Boolean(false))) // string "false"

补充:JSON.parse(“要转换的数据”)和JSON.stringify(“要转化的数据”)的差别与用法

一、JSON.stringify() 从一个对象中解析出字符串

JSON.stringify({"a":"1","b":"2"})
 
// 结果是:"{"a":"1","b":"2"}"

JSON.parse()从一个字符串中解析出JSON对象

var str = '{"a":"1","b":"2"}';
 
JSON.parse(str);
 
// 结果是:Object{a:"1",b:"2"}

此外在使用JSON.parse()需要注意一点,由于此方法是将JSON字符串转换成对象,所以你的字符串必须符合JSON格式,即键值都必须使用双引号包裹

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

拓展:使用JSON.stringify()与JSON.parse()来实现深拷贝不影响原数据

//深拷贝
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]

这是我处理数据遇到问题得到解决并做的笔记希望对你们有帮助。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值