📜  JavaScript JSON 对象(1)

📅  最后修改于: 2023-12-03 15:01:37.935000             🧑  作者: Mango

JavaScript JSON 对象

JSON(JavaScript Object Notation)指的是一种数据交换格式,常用于前端和后端之间的数据传输和存储。在 JavaScript 中,可以使用 JSON 对象来进行 JSON 的序列化和反序列化操作。

JSON 对象的方法

JSON 对象提供了两个方法,用于序列化和反序列化 JSON 数据。

JSON.stringify()

JSON.stringify() 方法将 JavaScript 对象序列化为 JSON 字符串。

const obj = {
  name: 'Alice',
  age: 20,
  hobby: ['reading', 'traveling']
};
const jsonStr = JSON.stringify(obj);
console.log(jsonStr); // {"name":"Alice","age":20,"hobby":["reading","traveling"]}
JSON.parse()

JSON.parse() 方法将 JSON 字符串反序列化为 JavaScript 对象。

const jsonStr = '{"name":"Alice","age":20,"hobby":["reading","traveling"]}';
const obj = JSON.parse(jsonStr);
console.log(obj); // { name: 'Alice', age: 20, hobby: [ 'reading', 'traveling' ] }
JSON 的数据类型

JSON 支持以下数据类型:

  • 字符串
  • 数字
  • 布尔值
  • 空值(null)
  • 数组
  • 对象

JSON 数据类型和 JavaScript 类型的对应关系如下表所示。

| JSON 数据类型 | JavaScript 类型 | | -------------- | ------------------ | | 字符串 | String | | 数字 | Number | | 布尔值 | Boolean | | 空值(null) | null | | 数组 | Array | | 对象 | Object |

JSON 数据格式示例

下面是一个包含数组和对象的 JSON 数据。

{
  "name": "Alice",
  "age": 20,
  "hobby": ["reading", "traveling"],
  "address": {
    "city": "Shanghai",
    "street": "Nanjing Road"
  }
}
总结

JavaScript 中的 JSON 对象提供了序列化和反序列化 JSON 数据的方法,支持多种数据类型,可用于前端和后端之间的数据交换和存储。