JSON.stringify的用法有哪几种
JSON.stringify()方法用于将JavaScript对象转换为一个JSON字符串。它有以下用法:
1. 将对象转换为JSON字符串
```javascript
let obj = { name: "John", age: 30 };
let jsonStr = JSON.stringify(obj);
console.log(jsonStr); // {"name":"John","age":30}
```
2. 控制属性的输出
可使用第二个参数来控制属性的输出。
```javascript
let obj = { name: "John", age: 30 };
let jsonStr = JSON.stringify(obj, ["name"]);
console.log(jsonStr); // {"name":"John"}
```
```javascript
let obj = { name: "John", age: 30 };
let jsonStr = JSON.stringify(obj, (key, value) => {
if (key === "name") {
return value.toUpperCase();
}
return value;
});
console.log(jsonStr); // {"name":"JOHN","age":30}
```
3. 美化输出
可使用第三个参数来实现美化输出。
```javascript
let obj = { name: "John", age: 30 };
let jsonStr = JSON.stringify(obj, null, 2);
console.log(jsonStr);
/*
{
"name": "John",
"age": 30
}
*/
```
4. 处理循环援用
如果对象存在循环援用,可使用第二个参数的replacer函数来处理。
```javascript
let obj = { name: "John" };
obj.self = obj;
let jsonStr = JSON.stringify(obj, (key, value) => {
if (key === "self") {
return undefined;
}
return value;
});
console.log(jsonStr); // {"name":"John"}
```
5. 序列化Date对象
默许情况下,Date对象会被转换为ISO 8601格式的字符串。
```javascript
let obj = { date: new Date() };
let jsonStr = JSON.stringify(obj);
console.log(jsonStr); // {"date":"2021⑴1⑴0T12:00:00.000Z"}
```
可使用replacer函数来自定义Date对象的序列化方式。
```javascript
let obj = { date: new Date() };
let jsonStr = JSON.stringify(obj, (key, value) => {
if (value instanceof Date) {
return value.getTime();
}
return value;
});
console.log(jsonStr); // {"date":1636550400000}
```
注意:JSON.stringify()方法没法处理函数、正则表达式、undefined等特殊类型的数据。
TOP