JSON.parse()与JSON.stringify()

一、JSON.stringify()与JSON.parse()的区别

    // JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串
    let arr = [1,2,3];
    console.log(JSON.stringify(arr));//'[1,2,3]'
    console.log(arr === JSON.stringify(arr))//false
    console.log(typeof arr)//object
    console.log(typeof JSON.stringify(arr));//string
    // JSON.parse()可以将JSON字符串转为一个对象
    let string = '[4,5,6]';
    console.log(JSON.parse(string))//[4,5,6]
    console.log(string === JSON.parse(string))//false
    console.log(typeof string)//string
    console.log(typeof JSON.parse(string))//object

总结:它们的作用是相对的。用JSON.stringify()将对象a转行成字符串b,用JSON.parse()将字符串b还原成对象a

注:用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);

    // dataClone = JSON.parse(JSON.stringify(data))    // 简写

    return dataClone;
};

//测试
let arr = [1,2,3],
_arr = deepClone(arr);
arr[0] = 2;
console.log(arr,_arr)//[2,2,3]  [1,2,3]

  三、JSON.stringify()与toString()的区别

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

总结:这两者虽然都可以将目标值转为字符串,但本质上还是有区别的。JSON.stringify()的受众更多是对象,toString() 方法可把数组转换为字符串,并返回结果。

暂时更新到此,感谢更为小伙伴指点!

你可能感兴趣的:(json,javascript,前端)