JSON的简单介绍

JSON是什么

　　JSON，全称是 JavaScript Object Notation，即 JavaScript 对象标记法。这是一种 轻量级 （Light-Weight）、 基于文本的 （Text-Based）、 可读的 （Human-Readable）格式。

　　JSON 无论对于人，还是对于机器来说，都是十分便于阅读和书写的，而且相比 XML 文件更小；

　　JSON 格式的创始人声称此格式永远不升级，这就表示这种格式具有长时间的稳定性；

　　JSON格式有两个显著的优点：书写简单，一目了然；符合JavaScript原生语法，可以由解释引擎直接处理，不用另外添加解析代码。

　　JSON已经成为各大网站交换数据的标准格式，并被写入ECMAScript 5，成为标准的一部分。

　　简单说，每个JSON对象，就是一个值。要么是简单类型的值，要么是复合类型的值，但是只能是一个值，不能是两个或更多的值。这就是说，每个JSON文档只能包含一个值。

JSON对值的类型和格式有严格的规定

• 复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。
• 简单类型的值只有四种：字符串、数值（必须以十进制表示）、布尔值和null（不能使用NaN, Infinity, -Infinity和undefined）。
• 字符串必须使用双引号表示，不能使用单引号。
• 对象的键名必须放在双引号里面。
• 数组或对象最后一个成员的后面，不能加逗号。

　　PS: 需要注意的是，空数组和空对象都是合格的JSON值，null本身也是一个合格的JSON值。

JSON 的语法规则

　　JSON 的语法规则十分简单，可称得上“优雅完美”，总结起来有：

• 数组（Array）用方括号(“[]”)表示。
• 对象（Object）用大括号（”{}”）表示。
• 名称/值对（name/value）组合成数组和对象。
• 名称（name）置于双引号中，值（value）有字符串、数值、布尔值、null、对象和数组。
• 并列的数据之间用逗号（“,”）分隔

举例

//json对象
{
    "name": "Geoff Lui",
    "age": 26,
    "isChinese": true
}

//“名称/值对”里，值可以是数组和对象，例如：
{
    "name": "Geoff Lui",
    "age": 26,
    "isChinese": true,
    "friends":["Lucy", "Lily", "Gwen"],
    "Mother": {
        "name": "Mary Lui",
        "age": 54
    }
}

 　　ES5新增了JSON对象，用来处理JSON格式数据。它有两个方法：JSON.stringify()和JSON.parse()。

JSON.stringify()

　　JSON.stringify方法用于将一个值转为字符串。该字符串符合 JSON 格式，并且可以被JSON.parse方法还原。

　　基本用法:　　

JSON.stringify('abc') // ""abc""
JSON.stringify(1) // "1"
JSON.stringify(false) // "false"
JSON.stringify([]) // "[]"
JSON.stringify({}) // "{}"

JSON.stringify([1, "false", false])
// '[1,"false",false]'

JSON.stringify({ name: "张三" })
// '{"name":"张三"}'

　　上面代码将各种类型的值，转成 JSON 字符串。

　　需要注意的是，对于原始类型的字符串，转换结果会带双引号。

JSON.stringify('foo') === "foo" // false
JSON.stringify('foo') === "\"foo\"" // true

　　上面代码中，字符串foo，被转成了""foo""。这是因为将来还原的时候，双引号可以让 JavaScript 引擎知道，foo是一个字符串，而不是一个变量名。

　　如果原始对象中，有一个成员的值是undefined、函数或 XML 对象，这个成员会被过滤掉。

var obj = {
  a: undefined,
  b: function () {}
};

JSON.stringify(obj) // "{}"

　　上面代码中，对象obj的a属性是undefined，而b属性是一个函数，结果都被JSON.stringify过滤。

　　如果数组的成员是undefined、函数或 XML 对象，则这些值被转成null。

var arr = [undefined, function () {}];
JSON.stringify(arr) // "[null,null]"

　　上面代码中，数组arr的成员是undefined和函数，它们都被转成了null。

　　正则对象会被转成空对象。

JSON.stringify(/foo/) // "{}"

如果JSON.stringify的参数对象有自定义的toJSON方法，那么JSON.stringify会使用这个方法的返回值作为参数，而忽略原对象的其他属性。（略）

JSON.parse()

　　JSON.parse方法用于将JSON字符串转化成对象。

JSON.parse('{}') // {}
JSON.parse('true') // true
JSON.parse('"foo"') // "foo"
JSON.parse('[1, 5, "false"]') // [1, 5, "false"]
JSON.parse('null') // null

var o = JSON.parse('{"name": "张三"}');
o.name // 张三

 

　　如果传入的字符串不是有效的JSON格式，JSON.parse方法将报错。

JSON.parse("'String'") // illegal single quotes
// SyntaxError: Unexpected token ILLEGAL

　　上面代码中，双引号字符串中是一个单引号字符串，因为单引号字符串不符合JSON格式，所以报错。

　　为了处理解析错误，可以将JSON.parse方法放在try...catch代码块中。 

　　JSON.parse方法可以接受一个处理函数，用法与JSON.stringify方法类似。

function f(key, value) {
　　if (key === ''){
　　return value;
　　}
　　if (key === 'a') {
　　return value + 10;
　　}
}

var o = JSON.parse('{"a":1,"b":2}', f);
o.a // 11
o.b // undefined

1.parse和eval的区别:

eval: 可以解析任何字符串变成js   （会把植入的木马也给解析了）

parse:只能解析JSON形式的字符串变成js 并且字符串中的属性要严格的加上引号 (安全性要高一些)

2.eval：把字符串转成json 的使用方法 

var str='function show(){alert(123)}'         //字符串

eval_r(str);                                                      //将字符串变成js

alert(typeof show);                                    //可以检测到show已经是一个function了。

show();                                                       //可以执行js

3.parse 把字符串转成json  的使用

var str='function show(){alert(123)}         //字符串

JSON.parse(str); 

show();            //为什么不弹出来了？这就是parse和eval的区别 parse:只能解析JSON形式的字符串变成js