JSON,即是js对象表示法(JavaScript Object Notation),它是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象,因此JSON在开发中主要用来做数据的交互。
一、JSON的语法
JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号,其他的和JS语法一致
二、JSON的分类
- 对象 {}
1
var obj1 = '{"arr":[1,2,3]}';
- 数组 []
1
var obj2 = '[1,"hello",true,{"name":"Tony","age":20,"gender":"男"}]';
三、JSON中允许的值
- 字符串
- 数值
- 布尔值
- null
- 对象
- 数组
注意:JSON中不允许有函数
四、JSON字符串与JS中的对象互相转换
在JS中,为我们提供了一个工具类,就叫JSON,它可以帮助我们将一个JSON转换为JS对象,也可以将一个JS对象转换为JSON(一)将JSON字符串转换为JS中的对象
JSON.parse()可以将JSON字符串转换为js对象,它接收一个JSON字符串作为参数,然后将该字符串转换为JS对象并返回1
2
3var json = '{"name":"Tony","age":20,"gender":"男"}';
var obj = JSON.parse(json);
console.log(obj);
(二)将JS中的对象转换为JSON字符串
JSON.stringify()可以将一个JS对象转换为JSON字符串,它接收一个js对象作为参数,然后会返回一个JSON字符串
1 | var obj = {name:"Amy" , age:18 , gender:"女"}; |
但是,JSON这个对象在IE7及以下的浏览器中不支持,所以在这些浏览器中调用时会报错,其实,我们还可以使用eval()函数,这个函数的功能很强大,可以直接执行一个字符串中的js代码并将执行结果返回
1 | var str1 = "alert('hello');"; |
如果使用eval( )执行的字符串中含有{ },它会将{ }当成是代码块,如果不希望将其当成代码块解析,则需要在字符串前后分别加( )
1 | var str2 = '{"name":"Tony","age":20,"gender":"男"}'; |
注意:尽管eval()函数的功能很强大,但是在开发中尽量不要使用,首先它的执行性能比较差,其次它还具有安全隐患
兼容IE7及以下浏览器
既然我们尽可能不去使用eval()函数,那么如果真的需要兼容IE7及以下浏览器的JSON操作,可以通过引入一个外部的js文件来处理,该文件里创建有JSON对象,可供IE7及以下浏览器使用
1 | <script type="text/javascript" src="js/json2.js"></script> |