js中对象和 JSON 的转换

js中对象和 JSON 的转换

JSON跟任何编程语言都无关是用来做不同编程语言中的通用数据。

JSON的规则：
1.在js中，json的类型是字符；
2json的格式，与js中对象的格式一致，键值对格式（array和object）；
3.json中对象格式的key部分必须放在双引号中，单引号都不行，并且当value为字符的时也要用双引号，
4.json中不允许出现没有意义的逗号
5.json中不允许出现函数，undefined，NaN，可以出现null
6.json中不允许出现单引号

JSON如何表达？(n为错误，y为正确)
        var json = {"name":"admin","age":18};   // n，违反了1
        var json = "{'name':'admin'}";          // n，违反了3
        var json = "['hello',123,true]";        // n，违反了6
        var json = `["hello",123,true]`;        // y
        var json = '{"name":"admin"}';          // y
        var json = '{"name":"admin",}';         // n，违反了4
        var json = '{"name":"admin","show":undefined}';  // n，违反了5
        var json = '[{"name":"admin"},{"name":"zhangsan"},]';   // n，违反了4
        var json = '[{"name":"admin"},{"name":"zhangsan"}]';   // y

以上规则是在js中表示的json，如何专门表示json，有json文件，扩展名为：.json的文件。

json文件自身的所有内容，默认就是字符，所以在json文件中只需要严格符合2，3，4，5即可

一、对象转JSON

对象转JSON其实就是将对象转成字符，要转换的内容需符合对象的规则 JSON.stringify( obj );

原始数据是对象，符合对象的规则，不符合对象的规则js都会报错，程序压根就没法执行。结果数据是JSON，自己默认符合JSON的规则

 var obj = {
            name:"admin",
            age:18,
            sex:"男",
            show:function(){},
            a:undefined,
            b:NaN,
            c:null,
        }
        console.log(obj);
        console.log(typeof obj);
		//对象转JSON
        var str = JSON.stringify(obj);
        // 因为json不识别函数，undefined，NaN，所以在强行转换之后，函数和undefined会被忽略，NaN被转成null
        console.log(str);
        console.log(typeof str);					//string

代码执行结果：

注意：

1. 要符合对象规则。

2. 转换结果，会将属性值为function，undefined的键值对，省略；

3. 转换结果，会将属性值为NaN的键值对，转成null；(null还是null)

二、JSON转对象

JSON转对象其实就是将字符转成对象，要转换的内容需符合JSON的规则 JSON.parse( str );

原始数据是JSON，符合JSON的规则。结果数据是对象，自己默认符合对象的规则

var str1 = '{"name":"admin"}';
var o1 = JSON.parse(str1);
console.log(o1);
console.log(typeof o1);
		
var str2 = '[{"name":"admin"},{"name":"zhangsan"}]';
var o2 = JSON.parse(str2);
console.log(o2);
console.log(typeof o2);

代码执行结果：

因为是将json转成对象，json本身是字符，不管怎么写，js都不报错。但是如何不符合json的规则，在转换过程中，json会报错。错误示例如下：

//因为对象格式的key部分必须放在双引号中,所以会报错
var str = "{'age':18}";
//因为不允许出现函数,所以会报错
var str = '{"name":"admin","show":function(){}}';

注意：JSON转对象的转换结果为对象