JSON

最新推荐文章于 2022-03-04 21:04:41 发布

zhuxyyds

最新推荐文章于 2022-03-04 21:04:41 发布

阅读量50

点赞数

分类专栏：小白学javascript 文章标签： json javascript

本文链接：https://blog.csdn.net/zhuxyyds/article/details/120767984

版权

小白学javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）

JSON 是轻量级的文本数据交换格式

JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。

目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。

JSON-- 独立于语言的轻量级的文本数据交换格式。

在没有JSON之前我们使用XML充当数据交换格式。

JSON与 XML 相同之处

JSON 是纯文本
JSON 具有"自我描述性"（人类可读）
JSON 具有层级结构（值中存在值）
JSON 可通过 JavaScript 进行解析
JSON 数据可使用 AJAX 进行传输

JSON与 XML 不同之处

没有结束标签
更短
读写的速度更快
能够使用内建的 JavaScript eval() 方法进行解析
使用数组
不使用保留字

为什么使用 JSON？

对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：

使用 XML

读取 XML 文档

使用 XML DOM 来循环遍历文档

读取值并存储在变量中

使用 JSON

读取 JSON 字符串

用 eval() 处理 JSON 字符串

JSON数据的组成

JSON数据的组成
json对象
"{}"----json对象
键值对
键:---使用双引号包围
值：

1.数字（整数或浮点数），
2.字符串（在双引号中）
3.逻辑值（true 或 false）
4.数组（在中括号中）
5.对象（在大括号中）
6.null


1var testjson={"id":1002,
"name":"lisi",
"flag":true,
"testarr":["test1","test2"],
"testobj":{"objid":101,"objname":"name"}};//javasctipt的对象
var student={stuid:1001,stuname:"zhangsan"};
student.stuage=23;
alert(student.stuage);
//json对象
var person={"perid":1002,"pername":"lisi"};
alert(person.perid); //[object Object]
person.perage=24;
alert(person.perage);

json对象中可以包含数组/其他对象
json数组可以包含json对象
json数组---存放多个数据
[]---json数组
具体数据值/json对象

Json对象转换成Json字符串

//可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。
        var din3={"stuid":104,
              "stuname":"zhangsan",
              "stusex":true,
              "stuaddress":[{"add":"家庭","city":"西安"},
                           {"add":"工作","city":"北京"}]};
        var din7=JSON.stringify(din3);
        alert(din7);

Json字符串转换成Json对象

        //1.使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
        var din4="{\"dtuid\":1001,"+
                  "\"name\":\"lisi\","+
                  "\"sex\":true,"+
                  "\"dress\":[{\"about\":\"家庭\",\"city\":\"北京\"},"+
                             "{\"about\":\"工作\",\"city\":\"北京\"}]}"
        var din5=JSON.parse(din4);
        alert(din5);                   
        //2.eval("("+str+")");
        var din6=eval("("+din4+")");
        alert(din6);