JSON 基础知识总结

JSON是什么

JSON，说白了就是JavaScript用来处理数据的一种格式，这种格式非常简单易用。JSON大部分都是用来处理JavaScript和web服务器端之间的数据交换，把后台web服务器的数据传递到前台，然后使用JavaScript进行处理，例如ajax等

JSON支持的语言非常多，包括JavaScript、C#、PHP、Java等等，这是由于JSON独立于语言的轻量级的数据交换格式，这个特点有点类似于SQL语言

JSON的结构

JSON结构共有2种：无序的对象结构、有序的数组结构；

无序的对象结构

对象结构是使用大括号“{}”括起来的，大括号内是由0个或多个用英文逗号分隔的“关键字:值”对（key:value）构成的

var jsonObj = {
    "键名1":值1,
    "键名2":值2,
    ……
    "键名n":值n
}

这里的键名是字符串，但是值可以是数值、字符串、对象、数组或逻辑true和false

有序的数组结构

JSON数组结构是用中括号“[]”括起来，中括号内部由0个或多个以英文逗号“,”分隔的值列表组成

var arr =
[
    {
        "键名1":值1,
        "键名2":值2
    },
    {
        "键名3":值3,
        "键名4":值4
    },
    ……
]

在JSON数组中，每一对“{}”相当于一个JSON对象

JSON 数据格式

JSON是JavaScript Object Notation的简称，是一种轻量的数据表示方法。json格式采用key:value的方式记录数据，非常直观，比XML简洁，因而大受欢迎

添加 JSON

简单地说，JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户端传递给服务器端程序。这个字符串看起来有点儿古怪，但是 JavaScript 很容易解释它，而且 JSON 可以表示比名称/值对更复杂的结构。例如，可以表示数组和复杂的对象，而不仅仅是键和值的简单列表

值的数组

当需要表示一组值时，JSON 不但能够提高可读性，而且可以减少复杂性

{ "people": [
  { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
  { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
  { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
]}

掌握了JSON格式后，在JavaScript中将JSON数据赋值给变量就很简单了。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的 API 或工具包

例如，可以创建一个新的JavaScript变量，然后将 JSON 格式的数据字符串直接赋值给它

var people = { "people": [
   { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },
   { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" },
   { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" }
 ],
 "authors": [
    { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },
    { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },
    { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }
   ]
}

访问数据

实际上，只需用点号表示法来表示数组元素。所以，要想访问 people 列表的第一个条目的姓氏，只需在 JavaScript 中使用下面这样的代码：

people.people[0].lastName;

利用这样的语法，可以处理任何 JSON 格式的数据

转换回字符串

String newJSONtext = people.toJSONString();

可以将任何 JavaScript 对象转换为 JSON 文本

JSON 数据类型

JSON 格式支持以下数据类型：

类型	描述
数字型（Number）	JavaScript 中的双精度浮点型格式
字符串型（String）	双引号包裹的 Unicode 字符和反斜杠转义字符
布尔型（Boolean）	true 或 false
数组（Array）	有序的值序列
值（Value）	可以是字符串，数字，true 或 false，null 等等
对象（Object）	无序的键:值对集合
空格（Whitespace）	可用于任意符号对之间
null	空

数字型

JavaScript 中的双精度浮点型格式，取决于实现。不能使用八进制和十六进制格式，在数字中不能使用 NaN 和 Infinity

下表展示了数字类型：

类型	描述
整形（Integer）	数字1-9，0和正负数
分数（Fraction）	分数，比如 .3，.9
指数（Exponent）	指数，比如 e，e+，e-，E，E+，E-

字符串型

零个或多个双引号包裹的 Unicode 字符以及反斜杠转义序列

字符就是只有一个字符的字符串，长度为 1

下表展示了字符串类型：

类型	描述
"	双引号
\	反斜线
/	斜线
b	退格符
f	换页符
n	换行符
r	回车符
t	水平制表符
u	四位十六进制数字

布尔型

包含 true 和 false 两个值

数组

它是一个有序的值集合,使用方括号闭合，这意味着数组以 [ 开始，以 ] 结尾，值使用 ,（逗号）分割，数组索引可以以 0 或 1 开始，当键名是连续的整数时应该使用数组

{
    "books": [
        { "language":"Java" , "edition":"second" },
        { "language":"C++" , "lastName":"fifth" },
        { "language":"C" , "lastName":"third" }
    ]
}

对象

它是一个无序的名/值对集合，对象使用大括号闭合，以 '{' 开始，以 '}' 结尾，每个名称后面都跟随一个 ':'（冒号），名/值对使用,（逗号）分割，键名必须是字符串并且不能同名，当键名是任意字符串时应该使用对象

{
    "id": "011A",
    "language": "JAVA",
    "price": 500,
}

创建简单的对象

JSON对象可以使用JavaScript创建。我们来看看使用 JavaScript 创建 JSON 对象的各种方式：

1.创建一个空对象：

var JSONObj = {};

2.创建一个新对象：

var JSONObj = new Object();

3.创建一个 bookname 属性值为字符串，price属性值为数字的对象。可以通过使用 '.' 运算符访问属性

var JSONObj = { "bookname ":"VB BLACK BOOK", "price":500 };

创建数组对象

var books = {
    "Pascal" : [ 
        { "Name"  : "Pascal Made Simple", "price" : 700 },
        { "Name"  : "Guide to Pascal", "price" : 400 }
    ],                       
    "Scala"  : [
        { "Name"  : "Scala for the Impatient", "price" : 1000 }, 
        { "Name"  : "Scala in Depth", "price" : 1300 }
    ]    
}    

var i = 0
document.writeln("<table border='2'><tr>");
for(i=0;i<books.Pascal.length;i++)
{   
    document.writeln("<td>");
    document.writeln("<table border='1' width=100 >");
    document.writeln("<tr><td><b>Name</b></td><td width=50>" + books.Pascal[i].Name+"</td></tr>");
    document.writeln("<tr><td><b>Price</b></td><td width=50>" + books.Pascal[i].price +"</td></tr>");
    document.writeln("</table>");
    document.writeln("</td>");
}
document.writeln("</tr></table>");

空格

可以在任意一对符号之间插入。可以添加用来让代码更可读

null

意味着空类型

var i = null;
if(i==1) {
    document.write("<h1>value is 1</h1>");  
} else {
    document.write("<h1>value is null</h1>");
}

JSON 值

包括：数字（整型和浮点型）、字符串、布尔值、数组、对象、null

var i =1;
var j = "sachin";
var k = null;

最后更新：2017-05-17 10:31:16