JSON

概念：JSON 的英文全称是 JavaScript Object Notation，即“JavaScript 对象表示法”。简单来讲，JSON 就是 Javascript 对象和数组的字符串表示法，它使用文本表示一个 JS 对象或数组的信息，因此，JSON 的本质是字符串。

本质：用字符串来表示 Javascript 对象数据或数组数据。

作用：JSON 是一种轻量级的文本数据交换格式，在作用上类似于 XML，专门用于在计算机与网络之间存储和传输数据，但是 JSON 比 XML 更小、更快、更易解析。

现状：JSON 是在 2001 年开始被推广和使用的数据格式，现在，JSON 已经成为主流的数据交换格式。

JSON的两种结构

JSON 中包含对象和数组两种结构，通过这两种结构的相互嵌套，可以表示各种复杂的数据结构。

对象结构：

在 JSON 中表示为 { } 括起来的内容。数据结构为 { key: value, key: value, … } 的键值对结构。其中，key 必须是使用英文的双引号包裹的字符串，value 的数据类型可以是数字、字符串、布尔值、null、数组、对象6种类型。

数组结构：

在 JSON 中表示为 [ ] 括起来的内容。数据结构为 [ “java”, “javascript”, 30, true … ] 。数组中数据的类型可以是数字、字符串、布尔值、null、数组、对象6种类型。

JSON语法注意事项

  • 属性名必须使用双引号包裹
  • 字符串类型的值必须使用双引号包裹
  • JSON 中不允许使用单引号表示字符串
  • JSON 中不能写注释
  • JSON 的最外层必须是对象或数组格式
  • 不能使用 undefined 或函数作为 JSON 的值

JSON和JS对象

JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。

从 JSON 字符串转换为 JS 对象，使用 JSON.parse() 方法。

从 JS 对象转换为 JSON 字符串，使用 JSON.stringify() 方法 。

数据对象转换为字符串的过程，叫做序列化，调用 JSON.stringify() 函数的操作，叫做 JSON 序列化。

字符串转换为数据对象的过程，叫做反序列化，调用 JSON.parse() 函数的操作，叫做 JSON 反序列化。

JSON的使用-深拷贝

常见使用场景:

  1. 本地存储
  2. 对象拷贝:对不具有方法的数据对象进行快速深拷贝操作

对象深拷贝示例：

var obj = {
    name: 'rose',
    age: 21,
    gender: '男',
    arr: [1, 2, 3],
    data: {
        a: 2,
        e: 3
    }
};

var obj2 = JSON.parse(JSON.stringify(obj));

console.log(obj);     // {name: "rose", age: 21, gender: "男", arr: Array(3), data: {…}}
console.log(obj2);    // {name: "rose", age: 21, gender: "男", arr: Array(3), data: {…}}

obj.name = 'jack';
obj.data.a = 200;
console.log(obj);   // {name: "jack", age: 21, gender: "男", arr: Array(3), data: {a:200,e:3}}
console.log(obj2);  // {name: "rose", age: 21, gender: "男", arr: Array(3), data: {a:2,e:3}}

ajax：封装原生ajax函数时，需要将响应的JSON数据转换为js对象，使用JSON.parse()。

如果使用js库进行ajax操作，例如jQuery，内部已经封装了JSON转换，就无需我们操作了。