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()方法时，应尽量避免修改原始对象的结构。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/270826.html
微信扫一扫 