JavaScript JSON 用法：从入门到进阶

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它可以用于存储和传输数据。在 JavaScript 中，可以使用 JSON.parse() 方法将 JSON 字符串转换为 JavaScript 对象，使用 JSON.stringify() 方法将 JavaScript 对象转换为 JSON 字符串。以下是一些常用的 JSON 用法：

创建 JSON 对象

JSON 对象是由键值对组成的，可以使用花括号 {} 创建一个空的 JSON 对象，也可以在花括号中添加键值对来创建一个带有数据的 JSON 对象。

// 创建一个空的 JSON 对象
var jsonObj = {};

// 创建一个带有数据的 JSON 对象
var jsonObj = {
  'name': 'Tom',
  'age': 18,
  'gender': 'male'
};

将 JSON 字符串转换为 JavaScript 对象

使用 JSON.parse() 方法将 JSON 字符串转换为 JavaScript 对象。

var jsonStr = '{"name":"Tom","age":18,"gender":"male"}';
var jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // 输出 Tom
console.log(jsonObj.age); // 输出 18
console.log(jsonObj.gender); // 输出 male

将 JavaScript 对象转换为 JSON 字符串

使用 JSON.stringify() 方法将 JavaScript 对象转换为 JSON 字符串。

var jsonObj = {
  'name': 'Tom',
  'age': 18,
  'gender': 'male'
};
var jsonStr = JSON.stringify(jsonObj);
console.log(jsonStr); // 输出 {"name":"Tom","age":18,"gender":"male"}

访问 JSON 数据

可以使用点号或方括号来访问 JSON 数据中的属性值。

var jsonObj = {
  'name': 'Tom',
  'age': 18,
  'gender': 'male'
};
console.log(jsonObj.name); // 输出 Tom
console.log(jsonObj['age']); // 输出 18

处理 JSON 数组

JSON 数组是由多个 JSON 对象组成的数组，可以使用索引值来访问数组中的元素。

var jsonArray = [
  {'name': 'Tom', 'age': 18},
  {'name': 'Jerry', 'age': 20},
  {'name': 'Lucy', 'age': 22}
];
console.log(jsonArray[0].name); // 输出 Tom
console.log(jsonArray[1]['age']); // 输出 20

处理复杂的 JSON 数据

JSON 数据可以包含嵌套的 JSON 对象和 JSON 数组，可以使用递归的方式来处理复杂的 JSON 数据。

var complexJson = {
  'name': 'Tom',
  'age': 18,
  'friends': [
    {'name': 'Jerry', 'age': 20},
    {'name': 'Lucy', 'age': 22}
  ],
  'address': {
    'province': 'Guangdong',
    'city': 'Shenzhen',
    'district': 'Futian'
  }
};
console.log(complexJson.friends[0].name); // 输出 Jerry
console.log(complexJson.address.city); // 输出 Shenzhen