JavaScript中的JSON

最新推荐文章于 2024-09-07 08:50:00 发布

m0_63077733

最新推荐文章于 2024-09-07 08:50:00 发布

阅读量2.5k

点赞数

文章标签： json

本文链接：https://blog.csdn.net/m0_63077733/article/details/131766490

版权

文章介绍了JSON的数据类型，包括简单值、对象和数组。它强调了JSON字符串必须使用双引号，以及如何使用JSON.stringify()进行序列化，JSON.parse()进行解析。此外，还详细讨论了序列化的选项，如过滤结果和字符串缩进。

摘要由CSDN通过智能技术生成

一：分类

 简单值：字符串、数值、布尔值和 null 可以在 JSON 中出现，就像在 JavaScript 中一样。特殊值 undefined 不可以。
 对象：第一种复杂数据类型，对象表示有序键/值对。每个值可以是简单值，也可以是复杂类型。
 数组：第二种复杂数据类型，数组表示可以通过数值索引访问的值的有序列表。数组的值可以是任意类型，包括简单值、对象，甚至其他数组。

1.1 简单值

JSON 字符串必须使用双引号（单引号会导致语法错误）。

布尔值和 null 本身也是有效的 JSON 值。

1.2 对象

JSON 中的对象必须使用双引号把属性名包围起来

即使整个 JSON 对象中有两个属性都叫"name"，但它们属于两个不同的对象，因此是允许的。

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

1.3 数组

二：解析与序列化

JSON 可以直接被解析成可用的 JavaScript 对象。

2.1 JSON.stringify()：将JavaScript序列化为JSON

let book = {
    title: "Professional JavaScript",
    authors: [
      "Nicholas C. Zakas",
      "Matt Frisbie"
    ],
    edition: 4,
    year: 2017
};
let jsonText = JSON.stringify(book);

这个例子使用 JSON.stringify()把一个 JavaScript 对象序列化为一个 JSON 字符串，保存在变量 jsonText 中。默认情况下，JSON.stringify()会输出不包含空格或缩进的 JSON 字符串，因此jsonText 的值是这样的：

{"title":"Professional JavaScript","authors":["Nicholas C. Zakas","Matt Frisbie"], "edition":4,"year":2017}

值为 undefined 的任何属性也会被跳过。最终得到的就是所有实例属性均为有效 JSON 数据类型的表示。

2.2 JSON.parse() ：将JSON解析为原生JavaScript值

JSON 字符串可以直接传给 JSON.parse()，然后得到相应的 JavaScript 值。

let bookCopy = JSON.parse(jsonText);

2.3 序列化选项

2.3.1 第二个参数：过滤结果

a.字符串数组

b.函数

如果第二个参数是一个函数，则行为又有不同。提供的函数接收两个参数：属性名（key）和属性值（value）。可以根据这个 key 决定要对相应属性执行什么操作。这个 key 始终是字符串，只是在值不属于某个键/值对时会是空字符串。

let book = {
  title: "Professional JavaScript",
  authors: [
    "Nicholas C. Zakas",
    "Matt Frisbie"
  ],
  edition: 4,
  year: 2017
};
let jsonText = JSON.stringify(book, (key, value) => {
    switch(key) {
      case "authors":
        return value.join(",")
      case "year":
        return 5000;
      case "edition":
        return undefined;
      default:
        return value;
}

2.3.2 第三个参数：字符串缩进

JSON.stringify()方法的第三个参数控制缩进和空格。

let book = {
 title: "Professional JavaScript",
 authors: [
 "Nicholas C. Zakas",
 "Matt Frisbie"
 ],
 edition: 4,
 year: 2017
};
let jsonText = JSON.stringify(book, null, 4);