js JSON.stringify()基础详解

在JavaScript中，JSON.stringify()方法可以将JavaScript对象转换为JSON字符串。

方法语法

JSON.stringify(value[, replacer[, space]])

• value： 要转换成 JSON 字符串的 JavaScript 对象或数组。
• replacer（可选）： 用于控制 JSON.stringify() 如何转换结果的函数或数组
• space（可选）： 在转换结果中添加缩进、空格字符和换行符，使之更易于读取。

转换原始类型

console.log(JSON.stringify(['apple', 'banana', 'orange'])); // ["apple","banana","orange"]
console.log(JSON.stringify('Hello world')); // "Hello world"
console.log(JSON.stringify(1)); // 1
console.log(JSON.stringify(null)); // null
console.log(JSON.stringify(true)); // true

转换对象

使用JSON.stringify()方法可以将JavaScript对象转换为JSON字符串。转换后，JSON字符串中的属性名必须用双引号引起来，并且不能包含函数和undefined类型的值。

const user = {
  name: 'Jack',
  age: 22,
  isStudent: true,
  hobbies: ['reading', 'singing', 'dancing']
};

console.log(JSON.stringify(user));
// {"name":"Jack","age":22,"isStudent":true,"hobbies":["reading","singing","dancing"]}

转换数组

同样地，可以使用JSON.stringify()方法将JavaScript数组转换为JSON字符串。

const points = [1, 2, 3, 4, 5];

console.log(JSON.stringify(points)); // [1,2,3,4,5]

replacer函数

replacer函数接收两个参数：属性名和属性值。我们可以通过返回值来控制哪些属性被排除在JSON结果之外。

const user = {
  name: 'Jack',
  age: 22,
  isStudent: true,
  hobbies: ['reading', 'singing', 'dancing']
};

console.log(JSON.stringify(user, (key, value) => {
  if (typeof value === 'string') {
    return undefined;
  }
  return value;
}));
// {"age":22,"isStudent":true,"hobbies":["reading","singing","dancing"]}

space参数

space参数用于控制在JSON字符串中缩进、空格和换行符的数量。可以设置为数字或字符串，根据需要进行调整。

const user = {
  name: 'Jack',
  age: 22,
  isStudent: true,
  hobbies: ['reading', 'singing', 'dancing']
};

console.log(JSON.stringify(user, null, 2));
// {
//   "name": "Jack",
//   "age": 22,
//   "isStudent": true,
//   "hobbies": [
//     "reading",
//     "singing",
//     "dancing"
//   ]
// }

使用字符串作为space参数可以更自由地控制缩进的样式。

const user = {
  name: 'Jack',
  age: 22,
  isStudent: true,
  hobbies: ['reading', 'singing', 'dancing']
};

console.log(JSON.stringify(user, null, '***'));
// {
// ***"name": "Jack",
// ***"age": 22,
// ***"isStudent": true,
// ***"hobbies": [
// ******"reading",
// ******"singing",
// ******"dancing"
// ***]
// }

以上就是JSON.stringify()方法的详细介绍，希望能对你学习JavaScript编程有所帮助。