JavaScript JSON

软件技术NINI

于 2024-08-21 10:53:17 发布

阅读量428

点赞数 9

分类专栏： js 文章标签： javascript json 开发语言

本文链接：https://blog.csdn.net/2301_78133614/article/details/141387841

版权

js 专栏收录该内容

64 篇文章 0 订阅

订阅专栏

JSON 是存储和传输数据的格式

JSON经常在数据经常在数据从服务器发送到网页时使用。

什么是JSON？

JSON 指的是JavaScript Object Notation

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

JSON 独立于语言*

JSON 是”自描述的“且易于理解

* JSON 的语法是来自 JavaScript 对象符号的语法，但 JSON 格式是纯文本。读取和生成 JSON 数据的代码可以在任何编程语言编写的。

JSON 实例

JSON 语法定义了一个雇员对象：包含三条员工记录的数组（对象）：

JSON 实例

{
"employees":[
    {"firstName":"Rose", "lastName":"li"}, 
    {"firstName":"Jisso", "lastName":"Chen"},
    {"firstName":"Jeeny", "lastName":"Tan"}
]
}

JSON 格式评估为 JavaScript 对象

JSON 格式在语法上与创建 JavaScript 对象的代码相同。

由于这种相似性，JavaScript 程序可以很容易地将 JSON 数据转换成本地的 JavaScript 对象。

JSON 语法规则

数据在名称/值对中
数据由逗号 , 分隔
使用斜杆 \ 来转义字符
大括号 {} 保存对象
中括号 [] 保存数组，数组可以包含多个对象

JSON 名称/值对

JSON 数据的书写格式是： key : value

名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值："name" : "蒧蒧"

这很容易理解，等价于这条 JavaScript 语句：name = "蒧蒧"

JSON 值

JSON 值可以是：

数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在中括号中）
对象（在大括号中）
null

JSON 数字

JSON 数字可以是整型或者浮点型： {"age":30}

JSON 对象

JSON 对象在大括号 {} 中书写：{key1 : value1, key2 : value2, ... keyN : valueN }

对象可以包含多个名称/值对：{"name":"蒧蒧" , "url":"www.runoob.com"}

这一点也容易理解，与这条 JavaScript 语句等价：name = "蒧蒧"url = "www.runoob.com"

JSON 数组

JSON 数组在中括号 [] 中书写：

数组可包含多个对象：

[
    { key1 : value1-1 , key2:value1-2 }, 
    { key1 : value2-1 , key2:value2-2 }, 
    { key1 : value3-1 , key2:value3-2 }, 
    ...
    { key1 : valueN-1 , key2:valueN-2 }, 
]

{
    "sites": [
        { "name":"菜鸟教程" , "url":"www.runoob.com" }, 
        { "name":"google" , "url":"www.google.com" }, 
        { "name":"微博" , "url":"www.weibo.com" }
    ]
}

对象 sites 是包含三个对象的数组。每个对象代表一条关于某个网站（name、url）的记录

JSON 布尔值

JSON 布尔值可以是 true 或者 false：{"flag":true}

JSON null

JSON 可以设置 null 值：{"runoob":null}

JSON 使用 JavaScript 语法

因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。

通过 JavaScript，您可以创建一个对象数组，并像这样进行赋值：

var sites = [
    { "name":"runoob" , "url":"www.runoob.com" }, 
    { "name":"google" , "url":"www.google.com" }, 
    { "name":"蒧蒧" , "url":"www.diandian.com" }
];

可以像这样访问 JavaScript 对象数组中的第一项（索引从 0 开始）： sites[0].name;

返回的内容是： runoob

可以像这样修改数据：sites[0].name="蒧蒧";

把 JSON 文本转换为 JavaScript 对象

JSON 的通常用法是从 web 服务器读取数据，然后在网页中显示数据。

为了简单起见，可以使用字符串作为输入演示。

首先，创建包含 JSON 语法的 JavaScript 字符串：

var text = '{ "employees" : [' +
'{ "firstName":"Bill" , "lastName":"Gates" },' +
'{ "firstName":"Steve" , "lastName":"Jobs" },' +
'{ "firstName":"Alan" , "lastName":"Turing" } ]}';

然后，使用 JavaScript 的内建函数 JSON.parse() 来把这个字符串转换为 JavaScript 对象：

var obj = JSON.parse(text);使用这个新的 JavaScript 对象

<!DOCTYPE html>
<html lang="en">

<body>
    <P id="demo"></P>
    <script>
        var text ='{"employess":['+
        '{"firstName":"rose","lastName":"li"},'+
        '{"firstName":"Jisso","lastName":"Zina"},'+
        '{"firstName":"jeeny","lastName":"Dian"}]}';
        obj=JSON.parse(text);
        document.getElementById("demo").innerHTML=obj.employess[1].firstName+" "+obj.employess[1].lastName;
    </script>
</body>
</html>
//Jisso Zina

软件技术NINI

关注

9
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JavaScript JSON

JSON 指的是JavaScript Object NotationJSON 是轻量级的数据交换格式JSON 独立于语言*JSON 是”自描述的“且易于理解* JSON 的语法是来自 JavaScript 对象符号的语法，但 JSON 格式是纯文本。读取和生成 JSON 数据的代码可以在任何编程语言编写的。
复制链接

扫一扫

专栏目录