JavaScript JSON学习笔记

什么是JSON？

JSON（JavaScript Object Notation） 是一种轻量级的数据交换格式，易于人阅读和编写，也易于机器解析和生成。 它基于 JavaScript 语法，但与之不同，它可以被多种不同编程语言使用。

JSON语法

JSON 语法规定了将数据表示为键值对的方法。一个 JSON 对象由花括号 {} 包围，每个键值对由冒号 : 分隔，每个键值对之间由逗号 , 分隔。

以下是一个简单的 JSON 对象：

jsonCopy Code
{
  "name": "John Smith",
  "age": 30,
  "city": "New York"
}

如何在JavaScript中使用JSON？

JavaScript 中可以使用内置的 JSON 对象，来解析和生成 JSON 数据。

解析JSON

要将 JSON 字符串解析为 JavaScript 对象，可以使用 JSON.parse() 方法。例如：

javascriptCopy Code
let jsonStr = '{"name": "John Smith", "age": 30, "city": "New York"}';
let jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // 输出 "John Smith"

生成JSON

要将 JavaScript 对象转换为 JSON 字符串，可以使用 JSON.stringify() 方法。例如：

javascriptCopy Code
let jsonObj = {name: "John Smith", age: 30, city: "New York"};
let jsonStr = JSON.stringify(jsonObj);
console.log(jsonStr); // 输出 {"name":"John Smith","age":30,"city":"New York"}

JSON实例

以下是一个包含多个 JSON 对象的数组，每个对象分别表示一个人的姓名、年龄和城市信息：

jsonCopy Code
[
  {
    "name": "John Smith",
    "age": 30,
    "city": "New York"
  },
  {
    "name": "Jane Doe",
    "age": 25,
    "city": "Los Angeles"
  },
  {
    "name": "Bob Johnson",
    "age": 40,
    "city": "Chicago"
  }
]

假设我们要将上述 JSON 数据转换为 JavaScript 对象，并计算这些人的平均年龄，代码如下：

javascriptCopy Code
let jsonStr = '[{"name":"John Smith","age":30,"city":"New York"},{"name":"Jane Doe","age":25,"city":"Los Angeles"},{"name":"Bob Johnson","age":40,"city":"Chicago"}]';

let jsonObj = JSON.parse(jsonStr);

let totalAge = 0;
for (let i = 0; i < jsonObj.length; i++) {
  totalAge += jsonObj[i].age;
}

let avgAge = totalAge / jsonObj.length;
console.log(avgAge); // 输出 31.67

以上就是JSON的基础知识和使用方法，希望对你有所帮助。