基础知识

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > 基础知识 > JSON教程

JSON基础介绍与详细用法

作者:.NET开发菜鸟

本文详细讲解了JSON基础与详细用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

一、什么是JSON

注意:JSON使用JavaScript语法来描述数据对象,但是JSON仍然独立于语言和平台。JSON解析器和JSON库支持许多不同的编程语言。目前非常多的动态编程语言(PHP、.NET)都支持JSON。

二、JSON和XML比较

1、与XML相同之处

2、与XML不同之处

3、为什么使用JSON

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

使用XML:

使用JSON

三、JSON语法

JSON语法是JavaScript语法的子集。

1、语法规则

JSON语法是JavaScript对象表示语法的子集。

2、JSON名称/值对

JSON数据的书写格式是:名称/值对。

名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:

"name":"Tom"

3、JSON值

JSON值可以是:

4、JSON数字

JSON数字可以是整型或者浮点型:

{"age":30}

5、JSON对象

JSON对象在大括号({})中书写:

对象可以包含多个名称/值对:

{"name":"张三","age":24}

6、JSON数组

JSON数组在中括号中书写:

数组可以包含多个对象:

{
  "student":[
  {"name":"张三","age":24},
  {"name":"李四","age":25}
  ]
}

在上面的例子中,对象"student"是包含三个对象的数组。每个对象代表一条关于某个学生(name,age)的记录。

7、JSON布尔值

JSON布尔值可以是true或者false:

{"flag":true}

8、JSON null值

JSON可以设置null值:

{"student":null}

9、JSON使用JavaScript语法

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

通过JavaScript,你可以创建一个对象数组,并像这样进行赋值:

var student=[
  {"name":"张三","age":24},
  {"name":"李四","age":25}
  ];

可以像这样访问JavaScript对象数组中的第一项(索引从0开始)

student[0].name;

返回的内容是:张三

可以像这样修改数据:

student[0].name="tom";

10、JSON文件

四、JSON对象

1、对象语法

{"name":"张三","age":25}

JSON对象使用在大括号({})中书写。

对象可以包含多个key/value(键/值)对。

key必须是字符串,value可以是合法的JSON数据类型(字符串、数字、对象、数组、布尔值或null)。

key和value中使用冒号(:)分割。

每个key/value对使用逗号(,)分割。

2、访问对象

你可以使用点(.)来访问对象的值。

var  myObj,x;
myObj={"name":"张三","age":24};
x=myObj.name;

上面的例子输出值:张三。

你也可以使用中括号([])来访问对象的值。

var  myObj,x;
myObj={"name":"张三","age":24};
x=myObj["name"];

上面的例子同样输出值:张三。

3、循环对象

你可以使用for-in来循环对象的属性,使用中括号([])来访问属性的值:

var myObj={"name":"张三","age":24};
for(x in myObj){
     document.getElementById("demo").innerHTML += myObj[x]+"<br>";
}

4、嵌套JSON对象

JSON对象中可以包含另外一个JSON对象:

student={
      "name":"张三",
      "age":24,
      "score":{
         "C#高级编程":94,
         "SQL Server":83,
         "Python":75
       }
}

你可以使用点号(.)或者中括号([])来访问嵌套的JSON对象。

例如:

var x=student.score.C#高级编程;
// 或者
var x=student.score["C#高级编程"];

5、修改JSON对象的值

你可以使用点号(.)来修改JSON对象的值:

student.score.C#高级编程=90;

你也可以使用中括号([])来修改JSON对象的值:

student.score["C#高级编程"]=90;

6、删除JSON对象的属性

我们可以使用delete关键字来删除JSON对象的属性:

delete student.score.C#高级编程;

也可以使用中括号([])来删除JSON对象的属性:

delete student.score["C#高级编程"];

五、JSON数组

1、数组作为JSON对象

["C#","Java","Python"]

JSON数组在中括号中书写。

JSON中数组值必须是合法的JSON数据类型(数字、字符串、对象、数组、布尔值或null)。

JavaScript中,数组值可以是以上的JSON数据类型,也可以是JavaScript的表达式,包括函数、日期、及undefined。

2、JSON对象中的数组

对象属性的值可以是一个数组:

var student={
   "name":"张三",
   "age":24,
   "subject":[".NET","java","python"]
}

可以使用索引值来访问数组:

var x=student.subject[0];

3、循环数组

可以使用for-in来访问数组:

for(i  in student.subject)  {
     x += student.subject[i]+"<br>";
}

也可以使用for循环

for(int i=0;i<student.subject.length;i++) {
   x+=student.subject[i]+"<br>";
}

4、嵌套JSON对象中的数组

JSON对象中数组可以包含另外一个数组,或者另外一个JSON对象:

student={
   "name":"张三",
   "age":24,
   "score":[
         {".NET":91},
         {"java":85},
         {"python":79}
    ]
}

可以使用for-in来循环访问数组

for(i in student.score) {
   x +="<h1>" +student.score[i]+"</h1>";
}

5、修改数组值

可以使用索引值来修改数组值:

student.score[1]=93;

6、删除数组元素

可以使用delete关键字来删除数组元素:

delete  student.score[0];

到此这篇关于JSON基础介绍与详细用法的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文