关于javascript:JavaScript和json

JSON

XML已经一度成为互联网上传输数据的事实标准。第一代Web服务很大水平上是以XML为根底的，以服务器间通信为次要特色。可是，XML也并非没有批评者。有的人认为XML过于冗余和啰唆。为解决这些问题，也呈现了几种计划。不过Web曾经朝着它的新方向进发了。
2006年，Douglas Crockford在国内互联网工程工作组（IETF，The Internet Engineering Task Force）制订了JavaScript对象简谱（JSON，JavaScript Object Notation）规范，即RFC 4627。但实际上，JSON早在2001年就开始应用了。JSON是JavaScript的严格子集，利用JavaScript中的几种模式来示意结构化数据。Crockford将JSON作为代替XML的一个计划提出，因为JSON能够间接传给eval()而不须要创立DOM。
了解JSON最要害的一点是要把它当成一种数据格式，而不是编程语言。JSON不属于JavaScript，它们只是领有雷同的语法而已。JSON也不是只能在JavaScript中应用，它是一种通用数据格式。很多语言都有解析和序列化JSON的内置能力。

实践上用户端传输数据到服务器和服务器传输数据到用户端采纳json格局，json格局就是字符串。服务器和用户端拿到json能够把json转换为JavaScript格局来执行，也能够把本人的JavaScript转换成json格局来传输

语法

JSON语法反对三种类型的值，别离是简略值，对象，数组

简略值：字符串、数值、布尔值和null能够在JSON中呈现，就像在JavaScript中一样。非凡值undefined不能够。
对象：第一种简单数据类型，对象示意有序键/值对。每个值能够是简略值，也能够是简单类型。
数组：第二种简单数据类型，数组示意能够通过数值索引拜访的值的有序列表。数组的值能够是任意类型，包含简略值、对象，甚至其余数组。

留神：

JSON没有变量、函数或对象实例的概念。JSON的所有记号都只为示意结构化数据，尽管它借用了JavaScript的语法，然而千万不要把它跟JavaScript语言混同。

解析和序列化

Javascript转JSON字符串

let person = {
    name: "小明",
    address: [
        "China",
        "BeiJing"
    ],
    age: 18,
    birthday: "2008,9,11"
};

let json =JSON.stringify(person);//申明json用来保留JavaScript转换成的json字符串

console.log(json);

{"name":"小明","address":["China","BeiJing"],"age":18,"birthday":"2008,9,11"}

console.log(typeof json);=>string

在给小明加个女朋友

let person = {
    name: "小明",       //姓名：小明
    address: [          //地址
        "China",        //中国
        "BeiJing"       //北京
    ],
    age: 18,            //年龄
    birthday: "2008,9,11",//生日
    girlfriend: undefined//女朋友：未定义
};

留神：小明还没有女朋友，这里给的是undefined，而后再转换成 JSON 格局

{"name":"小明","address":["China","BeiJing"],"age":18,"birthday":"2008,9,11"}

会发现：啥女朋友，连个女朋友的栏位都没有了，切记：在JavaScript中，属性值是undefined，转换成JSON格局会生效，如果必须给undefined这个值，那么必须用字符串的undefined

JOSN字符串转JavaScript

let person = {
    name: "小明",       //姓名：小明
    address: [          //地址
        "China",        //中国
        "BeiJing"       //北京
    ],
    age: 18,            //年龄
    birthday: "2008,9,11",//生日
    girlfriend: "undefined"//女朋友：未定义
};

let json = JSON.stringify(person);
console.log(json);
let js = JSON.parse(json);
console.log(js);

这里的json

{"name":"小明","address":["China","BeiJing"],"age":18,"birthday":"2008,9,11","girlfriend":"undefined"}

json转换为JavaScript

{
  name: '小明',
  address: [ 'China', 'BeiJing' ],
  age: 18,
  birthday: '2008,9,11',
  girlfriend: 'undefined'
}

变成一个对象，字符串的undefined方才说过，想要undefined就先用字符串，后续通过一些操作转换为，正真的undefined值

转换undefined

如果传输的数据用的是json格局，json最终都是转换成JavaScript来运行的，如果想在数据中有undefined这个值，那么必须用字符串的undefined。

{"name":"小明","address":["China","BeiJing"],"age":18,"birthday":"2008,9,11","girlfriend":"undefined"}

这条json数据转换成JavaScript格局的代码来运行，就会发现属性值外面的undefined是一个字符串，与冀望的undefined类型的undefined值不合乎。

{
  name: '小明',
  address: [ 'China', 'BeiJing' ],
  age: 18,
  birthday: '2008,9,11',
  girlfriend: 'undefined'
}

略微复杂化一点json数据转换成的JavaScript代码，例如是这样的

let obj = {
    name: "小明",       //姓名：小明
    address: [          //地址
        "China",        //中国
        "BeiJing"       //北京
    ],
    age: 18,            //年龄
    birthday: "2008,9,11",//生日
    girlfriend: "undefined",//女朋友：未定义
    obj: {
        a: 'undefined',
        b: {
            a: "undefined",
            c: {
                a: 'undefined',
                d: {
                    a: 'undefined',
                    b: 12471234,
                    c: function () {
                        console.log(777);
                    }
                }
            }
        }
    }
};

这么简单的数据，如果手动一条一条批改外部的字符串的undefined显得很不迷信，能够手动写一个函数来转换

function conversion(obj) {
    let target = {};//创立一个空对象

    let keys = Object.keys(obj);//对象属性名的数组

    for (const key of keys) {//遍历这个数组

        //给空对象增加属性名和属性值
        target[key] = obj[key];

        //判断这里如果是字符串的undefined，那么就转换为undefined类型的undefined
        if (obj[key] === 'undefined') target[key] = undefined;//--敞开正文就扭转原对象  obj[key]=undefined

        //如果判断属性值是一个对象，那么传入这个属性值对象
        if (typeof obj[key] === "object") conversion(obj[key]);
    }

    //返回这个空对象
    return target;
}

这里是不扭转原对象，如果原对象还有其余用，怕造成不必要的麻烦，如果想扭转原对象只有关上一条正文就能够。

这里能够测试，把方才的小明传入

let myobj = conversion(obj);

json数据中想传undefined，能够改成字符串前面交给JavaScript解决，JavaScript想把数据转换成json格局要小心外部的undefined，也能够通过下面的例子，做一个相同的函数，先把JavaScript中的undefined转换成字符串的undefined，也就是把下面的字符串的undefined改成undefined值，转换函数只是把判断扭转一下，如果是undefined值就转换成字符串

let obj = {
    name: "小明",       //姓名：小明
    address: [          //地址
        "China",        //中国
        "BeiJing"       //北京
    ],
    age: 18,            //年龄
    birthday: "2008,9,11",//生日
    girlfriend: undefined,//女朋友：未定义
    obj: {
        a: undefined,
        b: {
            a: undefined,
            c: {
                a: undefined,
                d: {
                    a: undefined,
                    b: 12471234,
                    c: function () {
                        console.log(777);
                    }
                }
            }
        }
    }
};

function conversion(obj) {
    let target = {};//创立一个空对象

    let keys = Object.keys(obj);//对象属性名的数组

    for (const key of keys) {//遍历这个数组

        //给空对象增加属性名和属性值
        target[key] = obj[key];

        //判断这里如果是undefined，那么就转换为字符串类型的undefined
        if (obj[key] === undefined) target[key] = 'undefined';

        //如果判断属性值是一个对象，那么传入这个属性值对象
        if (typeof obj[key] === "object") conversion(obj[key]);
    }

    //返回这个空对象
    return target;
}

let myobj = conversion(obj);
console.log(myobj)

如果感觉两个函数麻烦，能够把这函数的判断批改，如果是字符串的undefined那么就转换成undefined值，反之亦然，也就是一个 if-else 就能够解决的事件，然而用一个函数，如果重复转换，迟早把本人搞懵逼，不如用两个函数，用函数名字好区别本人是要干什么

关于javascript:JavaScript和json

JSON

语法

解析和序列化

转换undefined

评论

发表回复取消回复

更多文章

DDN HPC 存储硬件架构设计深度分析

探秘IO500：从Lustre并行文件系统出发，开启HPC存储性能新征程

苹果iOS打包的ipa应用无法安装？一篇文章带你了解可能的原因及排查方法

图解Golang：从零开始实现简易版过期LRU缓存

关于javascript:JavaScript和json

JSON

语法

解析和序列化

转换undefined

评论

发表回复 取消回复

更多文章

DDN HPC 存储硬件架构设计深度分析

探秘IO500：从Lustre并行文件系统出发，开启HPC存储性能新征程

苹果iOS打包的ipa应用无法安装？一篇文章带你了解可能的原因及排查方法

图解Golang：从零开始实现简易版过期LRU缓存

发表回复取消回复