JS JSON对象转JSON字符串|极客笔记

JS JSON对象转JSON字符串

1. 什么是JSON对象和JSON字符串

在开始讲解如何将JSON对象转换为JSON字符串之前，我们先来了解一下JSON对象和JSON字符串的概念。

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它以文本的形式表示数据，在不同的编程语言和平台之间进行数据的传输和交互。JSON由键值对组成，使用逗号分隔不同的键值对，使用花括号{}包裹整个对象。

JSON对象是指以JavaScript对象的形式表示的JSON数据。在JS中，我们可以通过对象字面量的方式或者通过构造函数new Object()创建一个JSON对象。

JSON字符串是指以字符串的形式表示的JSON数据。在JS中，我们可以通过JSON.stringify()方法将一个JSON对象转换为JSON字符串。

2. JSON.stringify()方法的基本用法

JSON.stringify()是JS中用于将JSON对象转换为JSON字符串的内置方法。它接受一个参数，即要转换的JSON对象，并返回一个对应的JSON字符串。

下面是JSON.stringify()的基本用法示例：

let student = {
  name: '张三',
  age: 18,
  major: '计算机科学',
};

let jsonString = JSON.stringify(student);
console.log(jsonString); // 输出：{"name":"张三","age":18,"major":"计算机科学"}

在上面的示例中，我们创建了一个名为student的JSON对象，然后使用JSON.stringify()方法将其转换为了对应的JSON字符串，并将结果打印到了控制台中。

3. JSON.stringify()方法的高级用法

3.1 处理属性选择

JSON.stringify()方法还可以接受一个可选参数，称为属性选择器，用于控制转换过程中的属性选择。

属性选择器可以是一个函数，也可以是一个包含属性名的数组。

下面是使用属性选择器函数的示例：

let student = {
  name: '张三',
  age: 18,
  major: '计算机科学',
};

let jsonString = JSON.stringify(student, (key, value) => {
  if (key === 'major') {
    return undefined; // 不包含'major'属性
  }
  return value;
});
console.log(jsonString); // 输出：{"name":"张三","age":18}

在上面的示例中，我们定义了一个属性选择器函数，当属性名为’major’时，返回undefined，表示不包含该属性。最终的JSON字符串中，就不会包含’major’属性。

下面是使用属性选择器数组的示例：

let student = {
  name: '张三',
  age: 18,
  major: '计算机科学',
};

let jsonString = JSON.stringify(student, ['name', 'age']);
console.log(jsonString); // 输出：{"name":"张三","age":18}

在上面的示例中，我们使用属性选择器数组['name', 'age']，表示只包含’name’和’age’属性。

3.2 处理缩进和空格

JSON.stringify()方法还可以接受两个可选参数，用于控制生成的JSON字符串的缩进和空格。

第一个参数是一个用于缩进的字符串，用于表示每一级缩进的字符串。第二个参数是一个整数或字符串，用于表示字符串的缩进级别或者空格数量。

下面是使用缩进和空格参数的示例：

let student = {
  name: '张三',
  age: 18,
  major: '计算机科学',
};

let jsonString = JSON.stringify(student, null, 2);
console.log(jsonString);
// 输出：
// {
//   "name": "张三",
//   "age": 18,
//   "major": "计算机科学"
// }

在上面的示例中，我们将缩进参数设置为字符串null，表示使用默认的缩进方式（两个空格）。最终的JSON字符串中，每一级都有两个空格的缩进。

3.3 处理循环引用

在转换过程中，如果JSON对象存在循环引用，即某些属性指向了对象自身，那么默认情况下JSON.stringify()方法会抛出一个TypeError错误。

为了处理循环引用，我们可以在属性选择器函数中对循环引用进行判断和处理。

下面是处理循环引用的示例：

let person1 = {
  name: '张三',
};

let person2 = {
  name: '李四',
};

person1.friend = person2;
person2.friend = person1;

let jsonString = JSON.stringify(person1, (key, value) => {
  if (key === 'friend') {
    return value.name; // 只包含朋友的名字
  }
  return value;
});
console.log(jsonString); // 输出：{"name":"张三","friend":"李四"}

在上面的示例中，我们创建了两个person对象，分别是person1和person2。然后互相将对方赋值给自己的friend属性，形成了循环引用。

在属性选择器函数中，当属性名为’friend’时，我们返回value.name，即只包含朋友的名字。最终的JSON字符串中，只包含了朋友的名字，而不包含循环引用的对象。