关于json:JSON-基本使用

JSON，全称是 JavaScript Object Notation，即 JavaScript 对象标记法。
JSON 是一种轻量级（Light-Meight)、基于文本的 (Text-Based)、可读的(Human-Readable) 格局。
JSON 的名称中尽管带有 JavaScript，但这是指其语法规定是参考 JavaScript 对象的，而不是指只能用于 JavaScript 语言。
JSON 无论对于人，还是对于机器来说，都是非常便于浏览和书写的，而且相比 XML(另一种常见的数据交换格局)，文件更小，因而迅速成为网络上非常风行的替换格局。
近年来 JavaScript 曾经成为浏览器上事实上的规范语言，JavaScript 的风靡，与 JSON 的风行也有亲密的关系。
因为 JSON 自身就是参考 JavaScript 对象的规定定义的，其语法与 JavaScript 定义对象的语法简直完全相同。
JSON 格局的创始人宣称此格局永远不降级，这就示意这种格局具备长时间的稳定性，10 年前写的文件，10 年后也能用, 没有任何兼容性问题。

JSON 的语法规定非常简略，可称得上“优雅完满”，总结起来有：

数组（Array）用方括号 (“[]”) 示意。
对象（0bject）用大括号 (“{}”) 示意。
名称 / 值对(name/value）组合成数组和对象。
名称 (name）置于 双引号 中，值（value）有 字符串、数值、布尔值、null、对象和数组。
并列的数据之间用逗号(“,”）分隔

{
    "name": "xdr630",
    "favorite": "programming"
}

JSON 常被拿来与 XML 做比拟，因为 JSON 的诞生原本就多多少少要有取代 XNL 的意思。相比 XML，JSON 的劣势如下:

没有完结标签, 长度更短, 读写更快
可能间接被 JavaScript 解释器解析
能够应用数组

两者比拟

JSON：

{
    "name":"兮动人",
    "age":22,
    "fruits":["apple","pear","grape"]
}

XML：

<root>
    <name> 兮动人 </name>
    <age>22</age>
    <fruits>apple</fruits>
    <fruits>pear</fruits>
    <fruits>grape</fruits>
</root>

在 JavaScript 中，有两个办法与此相关: JSON.parse和 JSON.stringify。

JSON 和 JS 对象互转
要实现从 JSON 字符串 转换为JS 对象，应用 JSON.parse() 办法：

<script>
    var str = '{"name":" 兮动人 ","age":22}';
    var obj = JSON.parse(str);
    console.log(obj);
</script>

要实现从 JS 对象 转换为JSON 字符串，应用 JSON.stringify() 办法：

<script>
    var str = '{"name":" 兮动人 ","age":22}';
    var obj = JSON.parse(str);
    console.log(obj);
        
    var jsonstr = JSON.stringify(obj);
    console.log(jsonstr);
</script>

1、对象（0bject)

对象用大括号 (“{}”）括起来，大括号里是一系列的“ 名称 / 值对”，请看概念图。
两个并列的数据之间用逗号(“,”）隔开，留神两点:
应用英文的逗号（“,”)，不要用中文的逗号(“，”)
最初一个“名称 / 值对“之后不要加逗号
JSON 在线查看语法：https://www.json.cn/
这里报错阐明 JSON 中 Key/Value 不能应用单引号
正确写法

2、数组（Array）
数组示意一系列有序的值，用方括号 (“[]”) 包围起来，并列的值之间用逗号分隔，请看概念图。
例如，以下的数组是非法的:

[1,2,"three","four",true,false,null,[1,2],{"name":"兮动人"}]

3、名称 / 值对（Name/Value）

名称（Name）是一个字符串，要用 双引号 括起来，不能用单引号 ， 也不能没有引号，这一点与 JavaScript 不同。
值的类型只有七种:字符串（string)、数值 (number)、对象（object)、数组（array), true、false、null。 不能有这之外的类型 ，例如 u ndefined、函数 等。请看概念图。

字符串（string）的规定如下:

英文双引号括起来, 不能用单引号，也不能没有。
字符串中不能独自呈现双引号（”）和右斜杠（“\“)。
如果要打双引号或右斜杠，须要应用“右斜杠 + 字符 ”的模式，例如\” 和\\，其它的转义字符也是如此字符串的概念图。
转义字符
```
{"string":"\\ \" "}
```

数值类型，能够应用迷信计数法示意

{
"number":1e3,
"n1":1e2,
"n2":-100
}

解析：是指将合乎 JSON 语法规定的字符串转换成对象的过程。
不同的编程语言都提供了解析 JSON 字符串的办法，在这里次要解说 JavaScript 中的解析办法。次要有三种:
应用eval()
应用JSON.parse()
应用第三方库, 例如 JQuery 等

1、eval()

eval(）函数的参数是一个字符串，其作用是间接执行其中的 JavaScript 代码。

案例：eval()解析字符串

<script>
  var str = "console.log('hello')";
  eval(str);
</script>

eval 解析字符串的后果：

eval(）可能解析 JSON 字符串。从这里也能够看得出，JSON 和 JavaScript 是高度嵌合的。

案例：eval()解析 JSON 字符串

<script>
  var str = '{"name":" 兮动人 ","age":22}';
  var obj = eval("("+str+")");
  console.log(obj)
</script>

然而, 当初曾经很少间接应用 eval()来解析了，如果您的浏览器版本真的是很旧，可能才须要这个办法。此外，eval()是一个绝对危险的函数，因为字符串中可能含有未知因素。在这里，作为学习，还是要晓得这也是一种办法。
请留神 eval()的参数，在字符串两旁加了括号，这是必须的，否则会报错。
因为 JSON 字符串是被大括号（“{}”）突围的，间接放到 eval()会被当成语句块来执行，因而要在两旁加上括号，使其变成表达式。

2、JSON. parse()

当初绝大多数浏览器都以反对 JSON.parse()， 是举荐应用的形式。
如果输出了不符合规范的字符串, 会报错。

案例：JSON 字符串转换为 JS 对象

<script>
    var str = '{"name":" 兮动人 ","age":22}';
    var obj = JSON.parse(str)
    console.log(obj)
</script>

JSON.parse()能够有第二个参数，是一个函数。此函数有两个参数:name 和 value，别离代表名称和值。当传入一个 JSON 字符串后，JSON 的每一组 名称 / 值对 都要调用此函数。该函数有返回值，返回值将赋值给以后的名称(name)。
利用第二个参数，能够在解析 JSON 字符串的同时对数据进行一些解决。

案例：

<script>
    var str = '{"name":" 兮动人 ","age":22}';
    var obj = JSON.parse(str,fun);
    function fun(name,value){console.log(name+":"+value);
        return value
    }
    console.log(obj)
</script>

能够做判断解决，当 JSON 字符串的 name=age 时，设置 age 的 value=14

<script>
    var str = '{"name":" 兮动人 ","age":22}';
    var obj = JSON.parse(str,fun);
    function fun(name,value){if (name == "age")
        value = 14;
        return value
    }
     console.log(obj)
</script>

序列化，指将 JavaScript 值转化为 JSON 字符串的过程。
JSON.stringify(）可能将 JavaScript 值转换成 JSON 字符串。JSON.stringify()生成的字符串能够用 JSON.parse() 再还原成 JavaScript 值。

1、参数的含意

JSON.stringify(value[, replacer[, space]])

value: 必选参数。被变换的 JavaScript 值，个别是对象或数组。
replace: 能够省略。有两种抉择: 函数或数组。
如果是函数，则每一组名称 / 值对都会调用此函数，该函数返回一个值，作为名称的值变换到后果字符串中, 如果返回undefined，则该成员被疏忽。

案例：

<script>
        var obj = {
            name: "兮动人",
            age: 22
        };
        console.log(obj);

        var jsonstr = JSON.stringify(obj,fun);

        function fun(name,value) {if (name=="age")
                value = 18;
                return value;
         }

        console.log(jsonstr)

</script>

如果是数组，则只有数组中存在名称才可能被转换，且转换后程序与数组中的值保持一致。
案例：

<script>
        var obj = {
            a: 1,
            b: 2,
            c: 3,
            d: 4
        };
        console.log(obj);

        var jsonstr = JSON.stringify(obj,["a","b","c"]);
        
        console.log(jsonstr)
</script>

把程序改下，对应转换的 JSON 字符串的数值不变

var jsonstr = JSON.stringify(obj,["c","a","b"]);

space: 能够省略。这是为了排版、不便浏览而存在的。能够在 JSON 字符串中增加空白或制表符等。

2、value 的用法

<script>
var obj = {
            name: "兮动人",
            age: 22
        }
    console.log(obj);
    var jsonstr = JSON.stringify(obj);
    console.log(jsonstr)
</script>

当有不合乎 JSON 语法规定时，就不会被转换成 JSON 字符串。
数组中有函数时会被转换成 null

<script>
    var obj = {
            name: "兮动人",
            age: 22,
            a: undefined,
            f: function () {},
            b:[function () {}]
        }
    console.log(obj);
    var jsonstr = JSON.stringify(obj);
    console.log(jsonstr)        
</script>

3、replace 的用法

4、space 的用法

案例：在下面的根底上增加

<script>
        var obj = {
            a: 1,
            b: 2,
            c: 3,
            d: 4
        };
        console.log(obj);

        var jsonstr = JSON.stringify(obj,["c","a","b"],"one");

        console.log(jsonstr)
</script>

改成制表符：\t

<script>
        var obj = {
            a: 1,
            b: 2,
            c: 3,
            d: 4
        };
        console.log(obj);

        var jsonstr = JSON.stringify(obj,["c","a","b"],"\t");

        console.log(jsonstr)
</script>

关于json:JSON-基本使用

1. JSON 是什么？

2. JSON 的语法规定是怎么的？

3. JSON 和 XML

4. JSON 的解析和生成（JSON 和 JS 对象互转）

5. JSON 格局规定

6. 字符串转化成对象

7. JS 对象转化为字符串

Just My Socks（注册教程内含优惠码）

关于json:JSON-基本使用

1. JSON 是什么？

2. JSON 的语法规定是怎么的？

3. JSON 和 XML

4. JSON 的解析和生成（JSON 和 JS 对象互转）

5. JSON 格局规定

6. 字符串转化成对象

7. JS 对象转化为字符串

Just My Socks（注册教程 内含优惠码）

Just My Socks（注册教程内含优惠码）