JSON

JS学习17(JSON)

字号+ 作者:H5之家 来源:H5之家 2016-05-26 14:01 我要评论( )

JSON是JavaScript Object Notation,JavaScript对象表示法。这是一种数据格式,并不从属于JS,许多语言都有JSON的解析器和序列化器。 语法 JSON的语法可以表示以

JSON是JavaScript Object Notation,JavaScript对象表示法。这是一种数据格式,并不从属于JS,许多语言都有JSON的解析器和序列化器。

语法

JSON的语法可以表示以下3种类型的值:

简单值 5 "Hello world!"

这些就是有效的JSON数据,要注意的是,JSON中的字符串必须使用双引号。

对象

JS中的对象字面量:

var person = { name: "Nicholas", age: 29 }; : "Nicholas", "age": 29 };

JSON中则是这样的:

{ "name": "Nicholas", "age": 29 }

可以嵌入:

{ "name": "Nicholas", "age": 29, "school": { "name": "Merrimack College", "location": "North Andover, MA" } }

要注意的是,没有分号,对象的属性必须加双引号。

数组

JS中的数组:

var values = [25, "hi", true];

JSON中的数组:

[25, "hi", true]

把数组和变量结合起来:

[ { "title": "Professional JavaScript", "authors": [ "Nicholas C. Zakas" ], edition: 3, year: 2011 }, { "title": "Professional JavaScript", "authors": [ "Nicholas C. Zakas" ], edition: 2, year: 2009 } ] 解析与序列化 JSON对象

ES5新增的用于JSON数据格式的工具类
有两个方法

  • stringify():将JS对象序列化为JSON字符串
  • parse():把JSON字符串解析为原生JS对象
  • var book = { title: "Professional JavaScript", authors: [ "Nicholas C. Zakas" ], edition: 3, year: 2011, book:{ title:"insertBook", edition:"insertBookEdtion", year:2001 } }; var jsonText = JSON.stringify(book); alert(jsonText); var bookData = JSON.parse(jsonText); alert(bookData.title); 序列化选项

    JSON.stringify()除了要序列化的对象外还可以接收另外两个可选参数,第一个参数是过滤器,第二个参数是一个设置在JSON字符串中的缩进。
    过滤结果
    过滤器参数如果是一个数组,那么只序列化数组里有的选项,数组过滤器貌似只过滤一层,里面的对象不会检测:

    var jsonText = JSON.stringify(book, ["title", "edition"]); }

    过滤器参数如果是一个函数,传入的函数接收两个参数:属性名和属性值,这个函数相当于会遍历每一个键与值,针对某种键,可以对值进行不同的处理并返回到字符串中,我测试了下,与数组过滤器不同,如果嵌套了对象,这个对象的相应属性也会被过滤。

    jsonText = JSON.stringify(book, function(key, value){ switch(key){ case "authors": return value.join(","); case "year": return 5000; case "edition": return value+"hahahahaha"; default: return value; } }); //{"title":"Professional JavaScript","authors":"Nicholas C. Zakas","edition":"3hahahahaha","year":5000,"book":{"title":"insertBook","edition":"insertBookEdtionhahahahaha","year":5000}}

    一定要提供default选项,也许你以为你覆盖掉了所有的键的情况,但是其实当值并非键值对结构的值的时候,键是作为空字符串传入的。比如第一次调用这个函数过滤器的时候,其实是将整个book对象作为value传进去的,那么这时键传什么呢?啊!他没有键。所以你要是没有默认,又没有空字符串这种case,那你啥都循环不出来嗷。
    如果你想要舍掉某个属性,返回undefined就好。
    字符串缩进
    想让自己的字符串更可读,使用第三个参数来控制缩进。
    缩进4个(最多10个):

    var jsonText = JSON.stringify(book, null, 4);

    缩进指定符号(最多10个):

    var jsonText = JSON.stringify(book, null, "-");

    toJSON()方法
    有时以上的方法还是不能满足,可以给对象定义toJSON()方法。这个方法可以返回任何值,就算是undefined也没问题。

    var testObject = { hahaha:2013, heiheihei:2014, toJSON:.hahaha + "" + this.heiheihei; } }

    在把一个对象传入JSON.stringify()时,序列化顺序如下:

    解析选项

    JSON.parse()方法也可以接受另一个参数,另一个参数是一个函数,和序列化时的函数也很像,接受两个参数,键和值。也是对应每个键,对值进行处理,只不过最后是塞回对象。

    var book = { year: 2011, releaseDate: new Date(2011, 11, 1) }; var jsonText = JSON.stringify(book); alert(jsonText); (key == "releaseDate"){ (value); } else { return value; } }); alert(bookCopy.releaseDate.getFullYear());

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • json在PHP中应用技巧

      json在PHP中应用技巧

      2016-05-27 17:01

    • json_encode 中文显示问题解决方法

      json_encode 中文显示问题解决方法

      2016-05-26 11:00

    • serialize序列化和json

      serialize序列化和json

      2016-05-26 10:04

    • 文档资料共享网

      文档资料共享网

      2016-05-25 13:00

    网友点评