JSON.stringify 语法实例讲解

下面是详细讲解“JSON.stringify 语法实例讲解”的完整攻略：

1.什么是JSON.stringify？

JSON.stringify() 是一个JavaScript内置函数，可以将JavaScript的对象或数组转化成一个JSON字符串。

JSON.stringify()的语法如下：

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

其中，value 是必须的参数，其他两个参数可选。

2.实例讲解

2.1 把一个对象转化为JSON字符串

const obj = {
  name: 'Peter',
  age: 20
};

const jsonString = JSON.stringify(obj);

console.log(jsonString); 
//输出结果：{"name":"Peter","age":20}

上述代码中，我们定义了一个对象obj，然后通过JSON.stringify()将其转换为JSON字符串，最后输出到控制台上。

2.2 把一个数组转化为JSON字符串

const arr = [1, 'hello', {name: 'Tom'}];

const jsonString = JSON.stringify(arr);

console.log(jsonString); 
//输出结果：[1,"hello",{"name":"Tom"}]

上述代码中，我们定义了一个数组arr，然后通过JSON.stringify()将其转换为JSON字符串，最后输出到控制台上。

2.3 JSON.stringify()的第二个参数replacer

第二个参数replacer可以是一个函数或一个数组，用于控制如何转换值或某些属性。

const obj = {
  name: 'Chris',
  email: '[e-mail]',
  password: '123456'
};

const jsonString = JSON.stringify(obj, ['name', 'email']);
console.log(jsonString); 
//输出结果：{"name":"Chris","email":"[e-mail]"}

上述代码中，我们定义了一个对象obj，然后通过JSON.stringify()将其转换为JSON字符串，但同时指定了只想传出name, email两个属性。 因此输出的JSON字符串中，只保留了'name'与'email'属性。

2.4 JSON.stringify()的第三个参数space

第三个参数space是可选的，用于控制输出 JSON 的格式与缩进。

const obj = {
  name: 'Chris',
  age: 24,
  skills: ['JavaScript', 'PHP', 'Node.js']
};

const jsonString = JSON.stringify(obj, null, 2);
console.log(jsonString); 
//输出结果：
// {
//   "name": "Chris",
//   "age": 24,
//   "skills": [
//     "JavaScript",
//     "PHP",
//     "Node.js"
//   ]
// }

上述代码中，我们定义了一个对象obj，然后通过JSON.stringify()将其转换为JSON字符串，并指定space为2个空格。输出的结果中，每一行前面都有2个空格缩进，使得输出的JSON更方便阅读。

结束语

以上就是“JSON.stringify 语法实例讲解”的完整攻略，希望能够对你有所帮助。JSON.stringfy()是非常常用的一个函数，在日常的JavaScript开发中会经常用到，特别是在前后端交互或数据存储与传输时。