JSON基础语法

1.什么是JSON?

JSON 全称 JavaScript Object Notation,是一个轻量级的文本处理和数据交互的语法，类似于XML，但是比XML体积更小，解析速度更快，JSON键值对的表示法更易于人们阅读。几乎所有的主流编程语言都兼容JSON

2.JSON 和XML对比

相同之处：

1. 两者数据都易于理解

2. 两者数据都是有层次的结构

3. 两者数据都可以被主流编程语言使用

不同之处：

1. JSON不需要结束标签

2. JSON更加精简，读写速度更快，并且可以使用数组

3.JSON.parse()

JSON通常用于与服务器端交换数据，在接收到服务器端数据时一般是字符串，我们可以使用JSON.parse()将字符串转换为JavaScript对象。

语法

JSON.parse(text[, reviver])
1

参数说明：

• **text:**必需， 一个有效的 JSON 字符串。
• reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。

JSON解析数据时注意点

JSON 不能存储 Date 对象。

如果你需要存储 Date 对象，需要将其转换为字符串。

之后再将字符串转换为 Date 对象。

1. 第一种处理方式

   
   var text = '{ "name":"Runoob", "initDate":"2013-12-14", "site":"www.runoob.com"}'; 
   
   var obj = JSON.parse(text); 
   
   obj.initDate = new Date(obj.initDate);  
   
   document.getElementById("demo").innerHTML = obj.name + "创建日期: " + obj.initDate;
   
   1
   2
   3
   4
   5
   6
   7
   8
   9

2. 第二种处理方式，启动JSON.parse的第二个参数reviver,作为一个转换结果的函数，对象每个成员都可以调用此函数。

   var text = '{ "name":"Runoob", "initDate":"2013-12-14", "site":"www.runoob.com"}';
   var obj = JSON.parse(text, function (key, value) {
       if (key == "initDate") {
           return new Date(value);
       } else {
           return value;
   }});
    
   document.getElementById("demo").innerHTML = obj.name + "创建日期：" + obj.initDate;
   1
   2
   3
   4
   5
   6
   7
   8
   9

   4.JSON.stringify()

   JSON 通常用于与服务端交换数据。

   在向服务器发送数据时一般是字符串。

   我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

   语法

   JSON.stringify(value[, replacer[, space]])
   1

   参数说明：

   • value:

     必需， 要转换的 JavaScript 值（通常为对象或数组）。

   • replacer:

     可选。用于转换结果的函数或数组。

     如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：“”。

     如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。

   • space:

     可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。

5.注意点

​ 由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：

var obj = eval ("(" + txt + ")");
1