一文搞懂JSON.stringify和JSON.parse（一）JSON.stringify 和JSON.parse基础用法

  一、JSON.stringify 和JSON.parse基础用法

  一、JSON.stringify 和JSON.parse基础用法

 JSON是一种轻量级数据格式，可以方便地表示复杂数据结构。JSON对象有两个方法：stringify()和parse()。在简单的情况下，这两个方法分别可以将JavaScript序列化为JSON字符串，以及将JSON解析为原生JavaScript值。

  一、JSON.stringify 和JSON.parse基础用法

          JSON.stringify()可以把一个JavaScript对象序列化为一个JSON字符串。

          反序列化字符串,将字符串转换为对象或数组

export default {
  data() {
    return {
      list: [
        { name: "张安", age: 34 },
        { name: "张强", age: 84 },
        { name: "张辉", age: 54 },
      ],
      obj: { name: "安", age: 14 },
    };
  },
  created() {
    this.list = [
      { name: "张安", age: 34 },
      { name: "张强", age: 84 },
      { name: "张辉", age: 54 },
    ];
    this.obj = { name: "安", age: 14 };

    const list1 = JSON.stringify(this.list);
    const obj1 = JSON.stringify(this.obj);
    console.log(list1, "类型为:" + typeof list1);
    console.log(obj1, "类型为:" + typeof obj1);
  },
  mounted() {},
  methods: {},
};

我们看打印的结果

 list1和obj1已经是字符串了，我们继续

  const list2 = JSON.parse(list1);
    const obj2 = JSON.parse(obj1);
    console.log(list2, "类型为:" + typeof list2);
    console.log(obj2, "类型为:" + typeof obj2);

我们再使用 JSON.parse 就又转换成对象了，（type of 把数组类型也识别成object了）

 这种用法 1主要是我们传递参数需要转化一下 2.申拷贝最简单的操作