JSON

简介:

JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS(JavaScript的简写)中处理XML非常不方便,同时XML标记比数据多,增加了交换产生的流量,而JSON没有附加的任何标记,在JS中可作为对象处理,所以我们更倾向于选择JSON来交换数据。

JSON的两种结构

JSON有两种表示结构,对象和数组。
对象结构以”{”大括号开始,以”}”大括号结束。中间部分由0或多个以”,”分隔的”key(关键字)/value(值)”对构成,关键字和值之间以”:”分隔,语法结构如代码。

{
key1:value1,
key2:value2,

}

其中关键字是字符串,而值可以是字符串,数值,true,false,null,对象或数组

数组结构以”[”开始,”]”结束。中间由0或多个以”,”分隔的值列表组成,语法结构如代码。
复制代码

[
{
key1:value1,
key2:value2
},
{
key3:value3,
key4:value4
}
]

认识JSON字符串

之前我一直有个困惑,分不清普通字符串,json字符串和json对象的区别。经过一番研究终于给弄明白了。比如在js中。

字符串:这个很好解释,指使用“”双引号或’’单引号包括的字符。例如:var comStr = ‘this is string’;
json字符串:指的是符合json格式要求的js字符串。例如:var jsonStr = “{StudentID:’100’,Name:’tmac’,Hometown:’usa’}”;
json对象:指符合json格式要求的js对象。例如:var jsonObj = { StudentID: “100”, Name: “tmac”, Hometown: “usa” };
回到顶部
在JS中如何使用JSON

JSON是JS的一个子集,所以可以在JS中轻松地读,写JSON。读和写JSON都有两种方法,分别是利用”.”操作符和“[key]”的方式。
我们首先定义一个JSON对象,代码如下。

var obj = {
1: “value1”,
“2”: “value2”,
count: 3,
person: [ //数组结构JSON对象,可以嵌套使用
{
id: 1,
name: “张三”
},
{
id: 2,
name: “李四”
}
],
object: { //对象结构JSON对象
id: 1,
msg: “对象里的对象”
}
};

1,从JSON中读数据
复制代码

function ReadJSON() {
alert(obj.1); //会报语法错误,可以用alert(obj[“1”]);说明数字最好不要做关键字
alert(obj.2); //同上

        alert(obj.person[0].name); //或者alert(obj.person[0]["name"])
        alert(obj.object.msg); //或者alert(obj.object["msg"])
    }

复制代码

2,向JSON中写数据

比如要往JSON中增加一条数据,代码如下:

function Add() {
//往JSON对象中增加了一条记录
obj.sex= “男” //或者obj[“sex”]=”男”
}

增加数据后的JSON对象如图:

json01

3,修改JSON中的数据

我们现在要修改JSON中count的值,代码如下:

function Update() {
obj.count = 10; //或obj[“count”]=10
}

修改后的JSON如图。

json02

4,删除JSON中的数据

我们现在实现从JSON中删除count这条数据,代码如下:

function Delete() {
delete obj.count;
}

删除后的JSON如图

json03

可以看到count已经从JSON对象中被删除了。

5,遍历JSON对象

可以使用for…in…循环来遍历JSON对象中的数据,比如我们要遍历输出obj对象的值,代码如下:

function Traversal() {
for (var c in obj) {
console.log(c + “:”, obj[c]);
}
}

程序输出结果为:

json04

目录
相关文章
|
7月前
|
JSON 前端开发 JavaScript
JSON 必知必会
JSON 必知必会
114 0
|
4月前
|
JSON 数据格式 C++
JSON(C++)
JSON(C++)
38 1
|
6月前
|
JSON JavaScript 前端开发
【gloomyfish】JSON初接触
【gloomyfish】JSON初接触
31 1
|
5月前
|
JSON JavaScript 前端开发
JSON
JSON
32 0
|
7月前
C++Json生成
C++Json生成
59 0
|
JSON 前端开发 JavaScript
JSON小技巧
JSON小技巧
49 0
|
JSON fastjson Java
JSON小记
JSON小记
191 0
|
数据格式 JSON JavaScript
JSON是什么?
JSON 全称“JavaScript Object Notation”,译为“JavaScript 对象简谱”或“JavaScript 对象表示法”,是一种轻量级的、基于文本的、开放的数据交换格式。JSON 在 Web 开发领域有着举足轻重的地位,如果您想在 Web 开发领域大展身手的话,就必须了解 JSON。
|
JSON 数据格式
json的一些小理解
个人学习总结
86 0
|
XML 存储 JSON
JSON使用总结
JSON: JavaScript Object Notation(JavaScript 对象表示法) JSON 是存储和交换文本信息的语法,类似 XML。
166 0