资讯专栏INFORMATION COLUMN

高程3总结#第20章JSON

Hwg / 801人阅读

摘要:语法语法可以表示三种类型的值简单值使用与相同的语法,可以在中表示字符串数值布尔值和。对象对象作为一种复杂数据类型,表示的是一组无序的键值对儿。如果字符串长度超过了个,结果中将只出现前个字符。

JSON 语法

JSON语法可以表示三种类型的值

简单值:使用与 JavaScript 相同的语法,可以在 JSON 中表示字符串、数值、布尔值和 null 。但 JSON 不支持 JavaScript 中的特殊值 undefined 。

对象:对象作为一种复杂数据类型,表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值,也可以是复杂数据类型的值。

数组:数组也是一种复杂数据类型,表示一组有序的值的列表,可以通过数值索引来访问其中的值。数组的值也可以是任意类型——简单值、对象或数组。

简单值

最简单的JSON数据形式,数值5,字符串“Hello world”

JavaScript字符串与JSON字符串最大区别在于,JSON字符串必须使用双引号

布尔值和null也是有效的JSON形式

对象

</>复制代码

  1. //JavaScript对象
  2. var object = {
  3. "name": "Nicholas",
  4. "age": 29
  5. };
  6. //JSON对象
  7. {
  8. "name": "Nicholas",
  9. "age": 29
  10. }
  11. //JSON中对象嵌入对象
  12. {
  13. "name": "Nicholas",
  14. "age": 29,
  15. "school": {
  16. "name": "Merrimack College",
  17. "location": "North Andover, MA"
  18. }
  19. }
数组

JSON数组没有变量和分号

</>复制代码

  1. [
  2. {
  3. "title": "Professional JavaScript",
  4. "authors": [
  5. "Nicholas C. Zakas"
  6. ],
  7. edition: 3,
  8. year: 2011
  9. },
  10. {
  11. "title": "Professional JavaScript",
  12. "authors": [
  13. "Nicholas C. Zakas"
  14. ],
  15. edition: 2,
  16. year: 2009
  17. },
  18. {
  19. "title": "Professional Ajax",
  20. "authors": [
  21. "Nicholas C. Zakas",
  22. "Jeremy McPeak",
  23. "Joe Fawcett"
  24. ],
  25. edition: 2,
  26. year: 2008
  27. },
  28. {
  29. "title": "Professional Ajax",
  30. "authors": [
  31. "Nicholas C. Zakas",
  32. "Jeremy McPeak",
  33. "Joe Fawcett"
  34. ],
  35. edition: 1,
  36. year: 2007
  37. },
  38. {
  39. "title": "Professional JavaScript",
  40. "authors": [
  41. "Nicholas C. Zakas"
  42. ],
  43. edition: 1,
  44. year: 2006
  45. }
  46. ]

解析与序列化 JSON对象

早期的JSON解析器基本上就是使用JavaScript的eval()函数

JSON对象有两个方法:stringify()和parse(),在最简单情况下,两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript值

</>复制代码

  1. var book = {
  2. title: "Professional JavaScript",
  3. authors: [
  4. "Nicholas C. Zakas"
  5. ],
  6. edition: 3,
  7. year: 2011
  8. };
  9. var jsonText = JSON.stringify(book);
  10. //得到的结果为
  11. {"title":"Professional JavaScript","authors":["Nicholas C. Zakas"],"edition":3,
  12. "year":2011}
  13. //反向操作
  14. var bookCopy = JSON.parse(jsonText);

序列化选项

JSON.stringify() 除了要序列化的 JavaScript 对象外,还可以接收另外两个参数,这两个参数用于指定以不同的方式序列化 JavaScript 对象。第一个参数是个过滤器,可以是一个数组,也可以是一个函数;第二个参数是一个选项,表示是否在 JSON 字符串中保留缩进。

</>复制代码

  1. var book = {
  2. "title": "Professional JavaScript",
  3. "authors": [
  4. "Nicholas C. Zakas"
  5. ],
  6. edition: 3,
  7. year: 2011
  8. };
  9. var jsonText = JSON.stringify(book, ["title", "edition"]);
  10. //结果为
  11. {"title":"Professional JavaScript","edition":3}
  12. //结果为undefined的例子
  13. var book = {
  14. "title": "Professional JavaScript",
  15. "authors": [
  16. "Nicholas C. Zakas"
  17. ],
  18. edition: 3,
  19. year: 2011
  20. };
  21. var jsonText = JSON.stringify(book, function(key, value){
  22. switch(key){
  23. case "authors":
  24. return value.join(",")
  25. case "year":
  26. return 5000;
  27. case "edition":
  28. return undefined;
  29. default:
  30. return value;
  31. }
  32. });
  33. //结果为
  34. {"title":"Professional JavaScript","authors":"Nicholas C. Zakas","year":5000}

JSON.stringify() 方法的第三个参数用于控制结果中的缩进和空白符。如果这个参数是一个数值,那它表示的是每个级别缩进的空格数

</>复制代码

  1. var book = {
  2. "title": "Professional JavaScript",
  3. "authors": [
  4. "Nicholas C. Zakas"
  5. ],
  6. edition: 3,
  7. year: 2011
  8. };
  9. var jsonText = JSON.stringify(book, null, 4);
  10. //结果如下
  11. {
  12. "title": "Professional JavaScript",
  13. "authors": [
  14. "Nicholas C. Zakas"
  15. ],
  16. "edition": 3,
  17. "year": 2011
  18. }

如果缩进参数是一个字符串而非数值,则这个字符串将在 JSON 字符串中被用作缩进字符(不再使用空格)缩进字符串最长不能超过 10 个字符长。如果字符串长度超过了 10 个,结果中将只出现前 10 个字符。

</>复制代码

  1. var jsonText = JSON.stringify(book, null, " - -");
  2. //结果如下
  3. {
  4. --"title": "Professional JavaScript",
  5. --"authors": [
  6. ----"Nicholas C. Zakas"
  7. --],
  8. --"edition": 3,
  9. --"year": 2011
  10. }

toJson()方法,返回其自身的JOSN数据格式

</>复制代码

  1. var book = {
  2. "title": "Professional JavaScript",
  3. "authors": [
  4. "Nicholas C. Zakas"
  5. ],
  6. edition: 3,
  7. year: 2011,
  8. toJSON: function(){
  9. return this.title;
  10. }
  11. };
  12. var jsonText = JSON.stringify(book)

解析选项

JSON.parse()方法也可以接收另一个参数,该参数是一个函数,将在每个键值对上调用

</>复制代码

  1. var book = {
  2. "title": "Professional JavaScript",
  3. "authors": [
  4. "Nicholas C. Zakas"
  5. ],
  6. edition: 3,
  7. year: 2011,
  8. releaseDate: new Date(2011, 11, 1)
  9. };
  10. var jsonText = JSON.stringify(book);
  11. var bookCopy = JSON.parse(jsonText, function(key, value){
  12. if (key == "releaseDate"){
  13. return new Date(value);
  14. } else {
  15. return value;
  16. }
  17. });
  18. alert(bookCopy.releaseDate.getFullYear())

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98058.html

相关文章

  • 高程3总结#17错误处理与调试

    错误处理与调试 错误处理 try-catch语句 try{ //可能会导致错误的代码 }catch(error){ //在错误发生时怎么处理 } 发生错误时可以显示浏览器给出的信息 try{ window.someNonexistentFunction(); }catch(error){ alert(error.message); } 在try-catch语句中是可选的,但...

    fizz 评论0 收藏0
  • 高程3总结#4变量、作用域和内存问题

    摘要:当代码在一个环境中执行时,会创建变量对象的一个作用域链。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。这样,一直延续到全局执行环境全局执行环境的变量对象始终都是作用域链中的最后一个对象。 变量、作用域和内存问题 基本类型和引用类型的值 基本类型值指的是简单的数据段,而引用类型值值那些可能由多个值构成的对象。 定义基本类型值的引用和引用类型值的方法是类似的,创建...

    xumenger 评论0 收藏0
  • 高程3总结#3基本概念

    摘要:基本概念语法区分大小写,中的一切变量函数名和操作符都区分大小写。要将一个值转换成对应的值,可以调用类型包括整数和浮点数值,基本数值字面量格式是十进制整数,除了十进制外还有八进制十六进制。八进制第一位必须是,十六进制第一位必须是。 基本概念 语法 区分大小写,ECMAScript中的一切(变量、函数名和操作符)都区分大小写。函数名不能使用typeof,因为它是一个关键字,但typeOf...

    Rindia 评论0 收藏0
  • 高程3总结#8BOM

    摘要:对象的核心对象是,它表示浏览器的一个实例。而和则表示该容器中页面视图区的大小。在中,与返回相同的值,即视口大小而非浏览器窗口大小。第三个参数是一个逗号分隔的设置字符串,表示在新窗口中都显示哪些特性。这应该是用户打开窗口后的第一个页面 BOM window对象 BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过JavaScript访...

    MASAILA 评论0 收藏0
  • 高程3总结#7函数表达式

    摘要:匿名函数可以用来模仿块级作用域来避免这个问题这里是块级作用域代码定义并立即调用了一个匿名函数,将函数声明包含在一对圆括号中,表示它实际上是一个函数表达式,而紧随其后的另一对圆括号会立即调用这个函数。 函数表达式 递归 递归函数是在一个函数通过名字调用自身的情况下构成的 function factrial(num){ if(num

    sevi_stuo 评论0 收藏0

发表评论

0条评论

Hwg

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<