把json格式的字符串转换成javascript对象或数组的方法总结

让我来讲解一下“把json格式的字符串转换成javascript对象或数组的方法总结”。

什么是JSON

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。它由Douglas Crockford在2001年创造。JSON 采用完全独立于语言的文本格式，具有简洁明了、易于读写的特点，是广泛应用于Web应用程序之中的文本数据交换格式。

JSON数据格式示例

JSON 数据格式由花括号 {} 和中括号 [] 组成。JSON 对象是用花括号 {} 包括的一组名称/值对，例如：

{
  "name": "张三",
  "age": 23,
  "gender": "男"
}

JSON 数组是用中括号 [] 包括的一组数值，例如：

[3, 5, 7, 9, 11]

把JSON字符串转换成JavaScript对象或数组

使用JSON.parse()

JavaScript 提供了一个内置函数 JSON.parse()，用于将 JSON 格式的字符串转换成 JavaScript 对象或数组。

JSON.parse() 方法的语法格式如下：

JSON.parse(text[, reviver])

其中，text: 需要转换的 JSON 格式字符串；reviver: (可选参数) 如果传递了该参数，则会对所返回的对象执行指定的转换。

下面是一个示例：

var obj = JSON.parse('{ "name": "张三", "age": 23, "gender": "男" }');
console.log(obj); // {name: "张三", age: 23, gender: "男"}

上面代码将JSON字符串 { "name": "张三", "age": 23, "gender": "男" } 解析为JavaScript对象，并将其存储在变量 obj 中。

再来看一个JSON数组的例子：

var arr = JSON.parse('[3, 5, 7, 9, 11]');
console.log(arr); // [3, 5, 7, 9, 11]

上面代码将JSON字符串 [3, 5, 7, 9, 11] 解析为JavaScript数组，并将其存储在变量 arr 中。

需要注意的是，如果 JSON 字符串中包含 JavaScript 语言的保留字（比如 function、undefined等），则 JSON.parse() 方法会抛出一个异常。

使用eval()

除了 JSON.parse() 方法，还可以使用 JavaScript 中的 eval() 函数将 JSON 字符串转换成 JavaScript 对象或数组。

eval() 函数的语法格式如下：

eval(source)

其中，source 参数是一段 JavaScript 代码，可以使用 eval() 函数将一个 JSON 字符串解析为一个 JavaScript 对象或数组。

下面是一个示例：

var obj = eval('({ "name": "张三", "age": 23, "gender": "男" })');
console.log(obj); // {name: "张三", age: 23, gender: "男"}

上面代码通过 eval() 函数将 JSON 字符串 { "name": "张三", "age": 23, "gender": "男" } 解析为JavaScript对象，并将其存储在变量 obj 中。

需要注意的是，eval() 函数会执行任何传递给它的 JavaScript 代码，并且具有完全的访问权限，包括访问属性、变量、函数以及修改它们。因此，使用 eval() 函数要谨慎，尽量避免将不可信数据作为参数传递给它。

总结

本篇攻略主要讲解了如何将 JSON 格式的字符串转换成 JavaScript 对象或数组。我们可以使用内置函数 JSON.parse() 或 JavaScript 中的 eval() 函数来实现此功能。JSON.parse() 方法更加安全可靠，而 eval() 函数则需要谨慎使用，尽量避免将不可信数据作为参数传递给它。