3分钟掌握常用的JS操作JSON方法总结

3分钟掌握常用的JS操作JSON方法总结

在这篇文章中，我们将介绍常用的JS操作JSON的方法，并提供两个示例来帮助您更好地理解这些方法。

什么是JSON

JSON是一种数据格式，可以用于存储和交换数据。它使用键值对的方式来表示数据，可以保存字符串、数字、布尔值、数组和对象等类型的数据。

常用的JSON操作方法

1. JSON.parse()

JSON.parse()方法将JSON字符串转换为JS对象或数组。语法如下：

JSON.parse(text[, reviver])

其中，text为需要转换的JSON字符串，reviver为可选参数，用于转换解析后的值。

示例：

const jsonStr = '{"name": "Tom", "age": 18, "isStudent": true}';
const jsonObj = JSON.parse(jsonStr);
console.log(jsonObj); // { name: 'Tom', age: 18, isStudent: true }
console.log(jsonObj.name); // Tom

2. JSON.stringify()

JSON.stringify()方法将JS对象或数组转换为JSON字符串。语法如下：

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

其中，value为需要转换的JS对象或数组，replacer为可选参数，用于选择需要的属性，space为可选参数，用于格式化输出。

示例：

const obj = { name: 'Tom', age: 18, isStudent: true };
const jsonStr = JSON.stringify(obj);
console.log(jsonStr); // {"name":"Tom","age":18,"isStudent":true}

const replacerArr = ['name', 'age'];
const jsonStrReplacer = JSON.stringify(obj, replacerArr);
console.log(jsonStrReplacer); // {"name":"Tom","age":18}

const space = 4;
const jsonStrSpace = JSON.stringify(obj, null, space);
console.log(jsonStrSpace);
/*
{
    "name": "Tom",
    "age": 18,
    "isStudent": true
}
*/

总结

以上就是常用的三个JSON操作方法，使用它们可以方便地实现JSON数据的转换和解析。如果您还有其他的JSON操作技巧，欢迎在评论区分享。

参考资料

• JSON 接口