jsonstringify()（JSONstringify()方法简介）-维新小众圈

jsonstringify()（JSONstringify()方法简介）

jk • 2023-08-07 11:16:59 • 百科学习 • 阅读 813

JSON.stringify()方法简介

JSON.stringify()是JavaScript中的一个内置方法，用于将JavaScript对象转换为JSON字符串。JSON（JavaScript Object Notation）是一种数据格式，常用于数据交换和存储。JSON字符串由键值对组成，使用大括号（{}）表示对象，使用方括号（[]）表示数组。

使用JSON.stringify()方法实现对象序列化

在实际的应用中，我们经常需要将JavaScript对象转换为字符串，以便进行数据传输或存储。这时可以使用JSON.stringify()方法来实现对象的序列化。

例如，我们有一个名为person的JavaScript对象：

const person = {
  name: \"John\",
  age: 30,
  city: \"New York\"
};

将该对象转换为JSON字符串可以使用以下代码：

const jsonString = JSON.stringify(person);
console.log(jsonString); // 输出：{\"name\":\"John\",\"age\":30,\"city\":\"New York\"}

可以看到，person对象被成功转换为了一个JSON字符串。JSON字符串中的属性名和属性值都使用双引号括起来，符合JSON的格式规范。

JSON.stringify()方法的参数与使用

JSON.stringify()方法还接受两个可选参数，用于定制序列化过程和筛选要序列化的属性。

参数一：replacer

replacer是一个函数参数，用于控制属性的序列化过程。该函数可以接受两个参数：属性名和属性值。在replacer函数中，可以返回不同的值来达到不同的序列化效果。

下面是一个示例：

const person = {
  name: \"John\",
  age: 30,
  city: \"New York\"
};
const jsonString = JSON.stringify(person, (key, value) => {
  if (key === \"age\") {
    return undefined; // 忽略age属性
  }
  return value;
});
console.log(jsonString); // 输出：{\"name\":\"John\",\"city\":\"New York\"}

在上述示例中，我们传递了一个replacer函数作为JSON.stringify()的第二个参数。replacer函数判断了属性名是否为\"age\"，如果是，则返回undefined，从而忽略了age属性的序列化。

参数二：space

space参数用于控制格式化输出的缩进。如果space是一个整数，则表示缩进的空格数；如果space是一个字符串，则表示缩进使用的字符串。

例如：

const person = {
  name: \"John\",
  age: 30,
  city: \"New York\"
};
const jsonString = JSON.stringify(person, null, 2);
console.log(jsonString);
// 输出：
// {
//   \"name\": \"John\",
//   \"age\": 30,
//   \"city\": \"New York\"
// }

在上述示例中，我们传递了space参数为2，将输出的JSON字符串进行了格式化缩进。

处理循环引用与特殊值

JSON.stringify()方法在处理带有循环引用的对象时会抛出异常。如果对象成环，即某个对象的属性引用了自身，则会导致无限递归的序列化过程。

const obj = {};
obj.prop = obj;
const jsonString = JSON.stringify(obj); // 抛出异常

为了处理循环引用，我们可以传递一个replacer函数来解决该问题。

const obj = {};
obj.prop = obj;
const jsonString = JSON.stringify(obj, (key, value) => {
  if (key === \"prop\") {
    return \"[Circular]\";
  }
  return value;
});
console.log(jsonString); // 输出：{\"prop\":\"[Circular]\"}

另外，JSON.stringify()对于特殊值的处理也是有规则的。undefined、任意的函数以及symbol类型的属性都会被忽略：

const obj = {
  undefinedProp: undefined,
  funcProp: () => {},
  symbolProp: Symbol(\"symbol\")
};
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出：{}