JavaScript-JSON详解

JavaScript-JSON详解

JSON(JavaScript Object Notation) JS对象表示法。在开发中主要用来数据交互，因为JS对象只有JS自己认识，其他语言都不认识。但是JSON这个字符串可以被任意语言所识别， 并且可以转换为任意语言中的对象。

一、JSON简述

其实JSON就是一个特殊格式的字符串，它和JS对象的格式一样，只不过JSON字符串中的属性名必须加双引号，其他的语法都是一致的。
示例如下：

// js对象属性名可以加双引号，也可以不加
let jsStr = {name: 'shier', age: 12};
// json属性名必须加双引号，不然无法解析
let jsonStr = '{"name":"shier","age":12}';

二、JSON数据和JS对象转换

在JS中的JSON对象提供了两个方法JSON.parse()与JSON.stringify()，以便我们进行 JSON 数据和本地的 JavaScript 对象的相互转换，具体可看这篇JSON.parse()与JSON.stringify()。

兼容问题

因为在IE7及以下版本没有JSON对象，所以无法使用以上提到的方法。但有一个功能强大的函数eval()。这个函数可以用来执行一段字符串形式的JS代码，并将执行结果返回。如果使用eval()执行的字符串中含有{}，它会将{}当成代码块。 如果不希望当成代码块解析，可以在字符串前后各加一个()。
示例如下：

let jsonStr = '{"name":"shier","age":12}';
console.log(eval('('+jsonStr+')'));  // 打印解析后的信息

注意：因为eval()函数可以直接执行一个字符串的JS代码，所以在开发中尽量不要使用，首先它的执行性能比较差，其次它存在安全隐患。

所以最好的解决方法就是引入一个外部JS文件来处理JSON操作，示例如下：

<!-- 这里的jsontrans.js文件可以自己网上找一个，这里只是示例一下 -->
<script src="jsontrans.js"></script>  

三、JSON分类

JSON分两类对象和数组，其中允许的值可以是字符串、数值、布尔值、null、对象、数组，但绝对不能是函数，如下示例：

• 对象

let jsonStr = '{"name":"shier","age":12}';

• 数组

let jsonArr = '[1, "abc", [1,2,3], {"name":"shier","age":12}, null, true]';