博客

一、

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() 方法可把数组转换为字符串，并返回结果。

暂时更新到此，感谢更为小伙伴指点！