json.stringify是干什么用的

json.stringify()是干什么用的？

在JavaScript中，JSON(JavaScript Object Notation)是一种轻量级的数据交换格式，它采用易于阅读的文本形式，用于存储和传输数据，JSON.stringify()是JavaScript中的一个方法，用于将JavaScript对象转换为JSON字符串，这个方法的主要作用是在需要将数据以字符串形式发送或存储时，将对象转换为JSON格式的字符串。

JSON.stringify()的基本用法

JSON.stringify()方法接受两个参数：第一个参数是要转换为JSON字符串的对象，第二个参数(可选)是一个配置对象，用于控制转换过程中的细节，下面我们来看一些基本的用法示例：

1、将JavaScript对象转换为JSON字符串：

const obj = {
  name: "张三",
  age: 30,
  hobbies: ["篮球", "足球", "游泳"]
};
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出：'{"name":"张三","age":30,"hobbies":["篮球","足球","游泳"]}'

2、将JSON字符串转换回JavaScript对象：

const jsonString = '{"name":"张三","age":30,"hobbies":["篮球","足球","游泳"]}';
const obj = JSON.parse(jsonString);
console.log(obj); // 输出：{ name: '张三', age: 30, hobbies: [ '篮球', '足球', '游泳' ] }

JSON.stringify()的配置选项

JSON.stringify()方法还支持一些配置选项，可以用来控制转换过程中的细节，以下是一些常用的配置选项：

1、replacer:一个函数，用于自定义转换过程中的某些属性值，该函数接收三个参数：当前属性的键、当前属性的值、整个对象，返回值将替换当前属性的值。

const obj = {
  name: "张三",
  age: 30,
  hobbies: ["篮球", "足球", "游泳"]
};
const replacedJsonString = JSON.stringify(obj, (key, value) => {
  if (typeof value === "number") {
    return value; // 将数字类型的属性值原样返回，不做转换处理
  } else {
    return value.toUpperCase(); // 将其他类型的属性值转换为大写字母形式
  }
});
console.log(replacedJsonString); // 输出：'{"NAME":"张三","AGE":30,"Hobbies":["篮球","足球","游泳"]}'

2、spaces:一个整数或字符串，用于控制生成的JSON字符串中的空格数量，如果传入一个整数，表示每个层级的空格数；如果传入一个字符串，表示使用该字符串作为缩进符。

const obj = {
  name: "张三",
  age: 30,
  hobbies: ["篮球", "足球", "游泳"]
};
const prettyJsonString = JSON.stringify(obj, null, 2); // 使用两个空格作为缩进符
console.log(prettyJsonString); // 输出：'{
  "name": "张三",
  "age": 30,
  "hobbies": [
    '篮球',
    '足球',
    '游泳'
  ]
}'

相关问题与解答

1、JSON.stringify()是否会改变原始对象？

答：不会，JSON.stringify()方法会创建一个新的字符串，而不会修改原始对象，这是因为JavaScript中的基本数据类型(如字符串、数字、布尔值等)是按值传递的，所以在调用JSON.stringify()方法时，原始对象不会被修改，但是需要注意的是，如果原始对象中包含对其他对象的引用(即引用类型),那么这些对象可能会被修改，在使用JSON.stringify()方法时，应尽量避免修改原始对象的结构。