JSON.stringify() 用法

UserGuan

已于 2023-08-30 14:58:40 修改

阅读量578

点赞数 1

分类专栏： JavaScript类文章标签： json javascript 前端

于 2022-11-14 15:21:09 首次发布

本文链接：https://blog.csdn.net/AdminGuan/article/details/127848201

版权

JavaScript类专栏收录该内容

29 篇文章 3 订阅

订阅专栏

/** JSON.stringify(value, replacer, space)
 * value: 必需。要转换的 JavaScript 值(通常为对象或数组)。
 * 
 * replacer: 可选。用于转换输出结果的函数或数组。
 * 如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。
 * 如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。
 * 
 * space: 可选。文本添加缩进、空格和换行符。
 * 如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。
 */

常规用法

const person = {
  name: '莉莎',
  age: '20',
  gender: '女'
};
/* 常规用法 */
const strSo = JSON.stringify(person); // 一般用法
console.log(strSo); // {"name":"莉莎","age":"20","gender":"女"}

指定显示哪些字段

const person = {
  name: '莉莎',
  age: '20',
  gender: '女'
};
/* 指定显示哪些字段 */
const str1 = JSON.stringify(person, ['age', 'name']); // 第二个参数是转换输出结果的函数或数组(指定显示哪些字段)
console.log(str1); // {"age":"20","name":"莉莎"}
const str2 = JSON.stringify(person, (key, val) => {
  if (key === 'gender') {
    return undefined;
  } else {
    return val;
  }
});
console.log(str2); // {"name":"莉莎","age":"20"}

格式化字符串

const person = {
  name: '莉莎',
  age: '20',
  gender: '女'
};
/* 格式化字符串 */
const str3 = JSON.stringify(person, null, 2); // 第三个参数是缩进、空格和换行符
console.log(str3);
// {
//   "name": "莉莎",
//   "age": "20",
//   "gender": "女"
// }

自定义返回结果

const customReturn = {
  name: '莉莎',
  age: '20',
  gender: '女',
  toJSON() {
    return '此处显示内容'
  }
};
const str4 = JSON.stringify(customReturn);
console.log(str4); // "此处显示内容"

完整源码

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSON.stringify 用法</title>
  </head>
  <body>
    <script>
      /** JSON.stringify(value, replacer, space)
       * value: 必需。要转换的 JavaScript 值(通常为对象或数组)。
       * 
       * replacer: 可选。用于转换输出结果的函数或数组。
       * 如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。
       * 如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。
       * 
       * space: 可选。文本添加缩进、空格和换行符。
       * 如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 也可以使用非数字，如：\t。
       */
      const person = {
        name: '莉莎',
        age: '20',
        gender: '女'
      };
      /* 常规用法 */
      const strSo = JSON.stringify(person); // 一般用法
      console.log(strSo); // {"name":"莉莎","age":"20","gender":"女"}
      /* 指定显示哪些字段 */
      const str1 = JSON.stringify(person, ['age', 'name']); // 第二个参数是转换输出结果的函数或数组(指定显示哪些字段)
      console.log(str1); // {"age":"20","name":"莉莎"}
      const str2 = JSON.stringify(person, (key, val) => {
        if (key === 'gender') {
          return undefined;
        } else {
          return val;
        }
      });
      console.log(str2); // {"name":"莉莎","age":"20"}
      /* 格式化字符串 */
      const str3 = JSON.stringify(person, null, 2); // 第三个参数是缩进、空格和换行符
      console.log(str3);
      // {
      //   "name": "莉莎",
      //   "age": "20",
      //   "gender": "女"
      // }
      /* 自定义返回结果 */
      const customReturn = {
        name: '莉莎',
        age: '20',
        gender: '女',
        toJSON() {
          return '此处显示内容'
        }
      };
      const str4 = JSON.stringify(customReturn);
      console.log(str4); // "此处显示内容"
    </script>
  </body>
</html>