JSON

94 阅读2分钟

JSON:JS对象表示法(JavaScript Object Notation)

当我们需要从JS中传递对象到其他语言或从其他语言传递对象到JS中时,由于语法的不同,往往不能直接地传递。这时候可以依靠JSON来解决这一问题。
JS中的对象只有JS自己认识,其他的语言都不认识。 JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别, 并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的交互 JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号 其他的语法则和JS语法一致。

1. JSON中允许的值

1.1 JSON分类:

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

1.2 JSON中允许的值:

1.字符串
2.数值
3.布尔值
4.null
5.对象
6.数组
例子:

var arr = '[1,2,3,"hello",true]';  
			  
var obj2 = '{"arr":[1,2,3]}';  
  
var arr2 ='[{"name":"孙悟空","age":18,"gender":"男"},{"name":"孙悟空","age":18,"gender":"男"}]';  

2. JSON工具类

JSON转为JS对象
方法:JSON.parse(String)
可以将以JSON字符串转换为js对象
它需要一个JSON字符串作为参数,会将该字符串转换为JS对象并返回

例子:

    <script type="text/javascript">
        var json = '{"name":"Enoke", "age": 20}';
        var obj = JSON.parse(json);
        console.log(typeof obj);
		console.log(obj);
    </script>

image.png JS对象转为JSON字符串
方法:JSON.stringify(obj)
可以将一个JS对象转换为JSON字符串
需要一个js对象作为参数,会返回一个JSON字符串 例子:

    <script type="text/javascript">

        var json = '{"name":"Enoke", "age": 20}';
        var obj = JSON.parse(json);
        var json_str = JSON.stringify(obj);
        console.log(typeof json_str);
        console.log(json_str);
    </script>

image.png ③在IE7中实现JSON功能 JSON这个对象在IE7及以下的浏览器中不支持,所以在这些浏览器中调用时会报错。如果希望在这些浏览器中实现预期的功能(仅能实现JSON转为对象的功能),则考虑使用eval()函数。

eval() 这个函数可以用来执行一段字符串形式的JS代码,并将执行结果返回 如果使用eval()执行的字符串中含有{},它会将{}当成是代码块 如果不希望将其当成代码块解析,则需要在字符串前后各加一个()

例子:

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

eval()这个函数的功能很强大,可以直接执行一个字符串中的js代码,
但是在开发中尽量不要使用,首先它的执行性能比较差,然后它还具有安全隐患。