jsjson字符串与json对象互相转换(最全)

1. 前言

在前端开发中，我们常常需要将 JSON 对象与 JSON 字符串进行互相转换，更加灵活地处理数据。本文将详细介绍如何在 JavaScript 中进行 JSON 字符串和 JSON 对象之间的转换，包括方法和示例。

2. JSON 字符串和 JSON 对象

在介绍转换方法前，我们先来了解一下 JSON。

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。它基于 JavaScript 语言的一个子集，可以被多种不同的编程语言读取和写入。由于其易于理解和使用，JSON 在网络应用中被广泛使用。

JSON 格式的数据有两种形式，一种是 JSON 字符串，另一种是 JSON 对象。

2.1 JSON 字符串

JSON 字符串是一个用于传输数据的字符串，它是 JSON 格式的序列化形式。例如：

{
  "name": "张三",
  "age": 18,
  "gender": "男"
}

2.2 JSON 对象

JSON 对象是 JavaScript 中，可以直接使用的对象形式。例如：

{
  name: '张三',
  age: 18,
  gender: '男'
}

3. JSON 格式的数据互相转换

在 JavaScript 中，可以通过内置的 JSON 对象来实现 JSON 字符串和 JSON 对象之间的转换。

3.1 将 JSON 对象转换为 JSON 字符串

将 JSON 对象转换为 JSON 字符串，可以使用 JSON.stringify() 方法。该方法接受两个参数，第一个参数是要转换的 JSON 对象，第二个参数是一个可选参数，用于控制 JSON 字符串的缩进。例如：

const obj = { name: '张三', age: 18, gender: '男' }
const jsonString = JSON.stringify(obj, null, 2)
console.log(jsonString)

上述代码将 obj 转换为了缩进为 2 个空格的 JSON 字符串：

{
  "name": "张三",
  "age": 18,
  "gender": "男"
}

3.2 将 JSON 字符串转换为 JSON 对象

将 JSON 字符串转换为 JSON 对象，可以使用 JSON.parse() 方法。该方法接受一个参数，即要转换的 JSON 字符串。例如：

const jsonString = '{"name": "张三", "age": 18, "gender": "男"}'
const obj = JSON.parse(jsonString)
console.log(obj)

上述代码将 jsonString 转换为了 JSON 对象：

{
  name: '张三',
  age: 18,
  gender: '男'
}

4. 总结

JSON 字符串和 JSON 对象之间的转换在前端开发中是非常常见的。在 JavaScript 中，可以通过内置的 JSON 对象来实现这种转换。本文介绍了将 JSON 对象转换为 JSON 字符串以及将 JSON 字符串转换为 JSON 对象的方法和示例。