Json杂谈系列------(一)初始json

页面导航:首页 > 网络编程 > JavaScript > Json杂谈系列------(一)初始json

Json杂谈系列------(一)初始json

来源:互联网 作者:脚本宝典 时间:2015-09-17 12:57 【

1. JSON 是什么 JSON,全称是 JavaScript Object Notation,即 JavaScript 对象标记法。这是一种 轻量级 (Light-Weight)、 基于文本的 (Text-Based)、 可读的 (Human-Readable)格式。 JSON 的名称中虽然带

1. JSON 是什么

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

JSON 的名称中虽然带有 JavaScript,但这是指其语法规则是参考 JavaScript 对象的,而不是指只能用于 JavaScript 语言。实际上很多语言(如 C++、Java、PHP 等)都配有 JSON 的解析和生成器。

JSON 无论对于人,还是对于机器来说,都是十分便于阅读和书写的,而且相比 XML (另一种常见的数据交换格式),文件更小,因此迅速成为网络上十分流行的交换格式。

2. JSON 的语法规则

  1. 数组(Array)用方括号(“[]”)表示。

  2. 对象(Object)用大括号(”{}”)表示。

  3. 名称/值对(name/value)之间用冒号(”:”)隔开。

  4. 名称(name)置于双引号中,值(value)有字符串、数值、布尔值、null、对象和数组。

  5. 并列的数据之间用逗号(“,”)分隔

  6. 数组或对象的每个成员的值,可以是简单值,也可以是复合值

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

简单案例:

//描述学生信息的案例
{
    "name":"zhangsan",
    "age":23,
    "sex":"male",
    "class":"Computer Science",
    "studentNumber":"20120101",
    course:[
    {courseNo:"2015001","courseName":"数据结构",teacherName":"Lisi"},
    {courseNo:"2015002","courseName":"数据库原理",teacherName":"Wangwu"}
    ]
}

3. JSON 和 XML

JSON 常被拿来与 XML 做比较,因为 JSON 的诞生本来就多多少少要有取代 XML 的意思。相比 XML,JSON 的优势如下:

  • 没有结束标签,长度更短,读写更快

  • 能够直接被 JavaScript 解释器解析

  • 可以使用数组

下面是描述同样信息的 XML 文件和 JSON 文件,来看看区别。JSON:

{
    "name": "Geoff Lui",
    "age": 26,
    "isChinese": true,
    "friends":["Lucy", "Lily", "Gwen"]
}

XML:

<root>
    <name>Geoff Lui</name>
    <age>Geoff Lui</age>
    <friends>Lucy</friends>
    <friends>Lily</friends>
    <friends>Gwen</friends>
</root>

可以看到,描述同样的信息,XML 更加麻烦,而 JSON 要轻巧得多,在有数组出现的情况下更加明显。而且,当数组项很多的时候,XML 文件中的大量信息都被用于描述没什么用的标签上了。

但是,绝不是说 XML 就一无是处,要完全放弃,归根结底还是要看有怎样的开发要求。

 

4.JSON对象

处理JSON格式的数据。它有两个方法:JSON.stringify和JSON.parse。

4.1、stringify()

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

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

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

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

需要注意的是,对于原始类型的字符串,转换结果会带双引号,即字符串somestring会被转成"somestring",这是因为将来还原的时候,双引号可以让JavaScript引擎知道,abc是一个字符串,而不是一个变量名。

如果原始对象中,有一个成员的值是undefined、函数或XML对象,这个成员会被省略。如果数组的成员是undefined、函数或XML对象,则这些值被转成null。

JSON.stringify({
    f : function () {},
    a : [function () {}, undefined]
});// "{"a":[null,null]}"
JSON.stringify方法会忽略对象的不可遍历属性。

var obj = {};
Object.defineProperties(obj, {
  'foo': {
    value: 1,
    enumerable: true
  },
  'bar': {
    value: 2,
    enumerable: false
  }
});

JSON.stringify(obj); // {"foo":1}

JSON.stringify方法还可以接受一个数组参数,指定需要转成字符串的属性。

console.log(JSON.stringify({ name:"zhangsan", age:22 }, ['name']));        //  {"name":"zhangsan"}

JSON.stringify方法还可以接受一个函数作为参数,用来更改默认的字符串化的行为。


function f(key, value) {
  if (typeof value === "number") {
    value = 2 * value;
  }
  return value;
}

JSON.stringify({ a:1, b:2 }, f)
// '{"a":2,"b":4}'


JSON.stringify还可以接受第三个参数,用于增加返回的JSON字符串的可读性。如果是数字,表示每个属性前面添加的空格(最多不超过10个);如果是字符串(不超过10个字符),则该字符串会添加在每行前面。


JSON.stringify({ p1:1, p2:2 }, null, 2);
// "{
  "p1": 1,
  "p2": 2
}"

JSON.stringify({ p1:1, p2:2 }, null, "|-");
// "{
|-"p1": 1,
|-"p2": 2
}"

如果JSON.stringify方法处理的对象,包含一个toJSON方法,则它会使用这个方法得到一个值,然后再将这个值转成字符串,而忽略其他成员。

JSON.stringify({
  toJSON: function() {
    return "Cool"
  }
})
// "Cool""

var o = {
  foo: 'foo',
  toJSON: function() {
    return 'bar';
  }
};
var json = JSON.stringify({x: o}); 
// '{"x":"bar"}'


toJSON方法的一个应用是,可以将正则对象自动转为字符串。

RegExp.prototype.toJSON = RegExp.prototype.toString;

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

4.2、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方法放在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


Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<