JavaScript基础(10)JSON

JSON

JS中的对象只有JS自己认识,其他的语言都不认识
JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,
并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的交互
如果需要兼容IE7及以下的JSON操作,则可以通过引入一个外部的js文件来处理

JSON

JavaScript Object Notation JS对象表示法
JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号
其他的和JS语法一致
JSON分类:

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":"男"}]';
        

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

var json = '{"name":"孙悟空","age":18,"gender":"男"}';
        

json --> js对象

JSON.parse()

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

        var o = JSON.parse(json);
        var o2 = JSON.parse(arr);
        
        //console.log(o.gender);
        //console.log(o2[1]);
        
        var obj3 = {name:"猪八戒" , age:28 , gender:"男"};
        
        

JS对象 ---> JSON

JSON.stringify()

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

        
        var str = JSON.stringify(obj3);
        //console.log(str);
        

JSON这个对象在IE7及以下的浏览器中不支持,所以在这些浏览器中调用时会报错


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

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

        var str2 = "alert('hello');";
        
        var obj = eval("("+str+")");
        
        //console.log(obj);

你可能感兴趣的:(JavaScript基础(10)JSON)