JSON.parse() 和 JSON.stringify() 的使用方法

1.JSON.parse()的作用：是将 JSON 字符串转换为 javaScript对象。

JSON.parse('true');                                  // true
JSON.parse('"name"');                                // "name"
JSON.parse('{httpVersion":"1.1",status":"200"}');   
 // {httpVersion":"1.1",status":"200"}

2.JSON.stringify()的作用：是将 JavaScript 对象转换为 JSON 字符串。

JSON.stringify(true);                      // 'true'
JSON.stringify("age");                     // '"age"'
JSON.stringify([1,2 , 3]);                 // '[1,2,3,]'
JSON.stringify({name:"张三"，age：“16”});   // '{name:"张三"，age：“16”}'

3.json.stringify()与json.parse()的几种小妙用：

一、让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;
}
//测试
setLocalStorage('token', 'eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ5YW5ncnIiLCJjcmV');
let token = getLocalStorage('token');
console.log(token); //eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ5YW5ncnIiLCJjcmV

二、利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象，进行对象深拷贝

// 深拷贝数组
var arr = [1, 2, 3];
let brr = JSON.parse(JSON.stringify(arr));
brr[0] = 4;
console.log(arr, brr); //[1,2,3]  [4,2,3]
// 深拷贝对象
var obj1 = {
  name: '张三',
  age: '13',
  hobby: {
    sports: 'swimming',
    food: 'chicken ',
  },
};
let obj2 = JSON.parse(JSON.stringify(obj1));
obj2.age = '18';
obj2.hobby.food = 'beef';
console.log(obj1, obj2);
//{name: '张三', age: '13', hobby: {sports: 'swimming', food: 'chicken '}
//{ age: "18",hobby: {sports: 'swimming', food: 'beef'},name: "张三"}