JS操作JSON常用方法(10w阅读)

JS操作JSON常用方法攻略

什么是JSON？

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，其基于JavaScript语言的子集，易于人阅读和编写，同时也易于机器解析和生成。

JSON格式的数据由键值对组成，键值对之间使用英文半角逗号（,）分隔，最外层用一对大括号（{}）包裹，每个键值对由一个键和一个值组成，键名必须是字符串，值可以是任意JSON类型，包括数字、字符串、布尔值、数组、对象、null。

JSON的常用方法

1. JSON.parse()

JSON.parse() 方法将一个 JSON 字符串解析成一个 JavaScript 对象。

var jsonStr = '{"name":"Tom","age":18,"city":"Shanghai"}';
var jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // 输出："Tom"

2. JSON.stringify()

JSON.stringify() 方法将一个 JavaScript 对象序列化为一个 JSON 字符串。

var jsonObj = {name: "Tom", age: 18, city: "Shanghai"};
var jsonStr = JSON.stringify(jsonObj);
console.log(jsonStr); // 输出：'{"name":"Tom","age":18,"city":"Shanghai"}'

3. JSON.parse()的安全性

当使用JSON.parse()解析一个非法 JSON 字符串时，会抛出异常，为了避免代码因此而崩溃，可以对解析过程进行错误处理。

var jsonStr = '{"name":"Tom","age":18,"city":"Shanghai"';
try {
  var jsonObj = JSON.parse(jsonStr);
  console.log(jsonObj.name);
} catch (error) {
  console.log('JSON格式错误');
}

4. 对象字符串的简化处理

使用JSON.stringify()方法来对对象进行字符串化处理时，可以将对象中的所有函数和 undefined 变量自动删除。

var jsonObj = {
  name: 'Tom',
  age: 18,
  sayHello: function() {
    console.log('Hello!');
  },
  alias: undefined
};
var jsonStr = JSON.stringify(jsonObj);
console.log(jsonStr); // 输出：'{"name":"Tom","age":18}'

总结

以上是JS操作JSON常用方法的攻略，包括JSON.parse()、JSON.stringify()、JSON.parse()的安全性以及对象字符串的简化处理。掌握了这些方法，可以更高效地操作 JSON 数据，在 Web 开发过程中更为得心应手。