JSON

JSON

• JS对象表示法（JavaScript Object Notation）
• JS中的对象只有JS自己认识，其他的语言都不认识
• JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别，并且可以转换为任意语言中的对象，JSON在开发中主要用来数据的交互
• JSON和JS对象的格式一样，只不过JSON字符串中的属性名必须加双引号，其他的和JS语法一致

JSON分类：

1. 对象 {}
2. 数组 []

JSON中允许的值：

3. 字符串
4. 数值
5. 布尔值
6. null
7. 对象
8. 数组

//JSON数组
var arr = '[1,2,3,"hello",true]';
//JSON对象			
var obj2 = '{"arr":[1,2,3]}';
//JSON数组，数组的值为对象			
var arr2 ='[{"name":"孙悟空","age":18,"gender":"男"},{"name":"孙悟空","age":18,"gender":"男"}]';

将JSON字符串转换为JS中的对象

在JS中，为我们提供了一个工具类，就叫JSON。这个对象可以帮助我们将一个JSON转换为JS对象，也可以将一个JS对象转换为JSON

• json --> js对象

JSON.parse()

可以将以JSON字符串转换为js对象。它需要一个JSON字符串作为参数，会将该字符串转换为JS对象并返回

var json = '{"name":"孙悟空","age":18,"gender":"男"}';
var o = JSON.parse(json);
console.log(o.gender);

• JS对象 —> JSON

JSON.stringify()
可以将一个JS对象转换为JSON字符串。 需要一个js对象作为参数，会返回一个JSON字符串

var obj3 = {name:"猪八戒" , age:28 , gender:"男"};
var str = JSON.stringify(obj3);
console.log(str);

eval()

• 这个函数可以用来执行一段字符串形式的JS代码，并将执行结果返回
• 如果使用eval()执行的字符串中含有{},它会将{}当成是代码块。如果不希望将其当成代码块解析，则需要在字符串前后各加一个()
• eval()这个函数的功能很强大，可以直接执行一个字符串中的js代码，但是在开发中尽量不要使用，首先它的执行性能比较差，然后它还具有安全隐患。

var str2 = "alert('hello');";
eval(str2);//执行str2中的代码

var str = '{"name":"孙悟空","age":18,"gender":"男"}';
var obj = eval("("+str+")");
console.log(obj);//Object { name: "孙悟空", age: 18, gender: "男" }

注意

JSON这个对象在IE7及以下的浏览器中不支持，所以在这些浏览器中调用时会报错。如果需要兼容IE7及以下的JSON操作，则可以通过引入一个外部的js文件来处理。