js中json处理总结之JSON.parse

JSON.parse() 是 JavaScript 中一个用于将 JSON 字符串转换成 JavaScript 对象的方法，它的语法如下：

JSON.parse(text [, reviver])

其中，text 是要转换的 JSON 字符串；reviver 是一个可选的转换函数，用于对最终生成的对象进行处理。

当我们从后台或其他来源获取到 JSON 数据时，需要使用 JSON.parse() 方法将其转换为 JavaScript 对象才能进行相应的操作。在使用的过程中，我们需要留意以下几个方面：

1. JSON.parse() 方法的返回值

JSON.parse() 方法的返回值是一个 JavaScript 对象，其数据类型与 JSON 对象中对应的数据类型一一对应，比如在 JSON 对象中，字符串类型用引号包括，而在 JavaScript 对象中，字符串类型则没有引号。

示例：

JSON 数据：

{
  "name": "Tom",
  "age": 18
}

JavaScript 对象：

{
  name: "Tom",
  age: 18
}

需要注意的是，JSON.parse() 方法不仅能将 JSON 字符串转换成 JavaScript 对象，还能将 JSON 数组转换成 JavaScript 数组。

2. 如何处理不规范的 JSON 数据

在处理 JSON 数据时，有时我们会遇到一些不规范的 JSON 数据，这时候就需要使用一些技巧来处理。

2.1 JSON 数据中的日期类型

在 JSON 数据中，日期类型一般是用字符串表示的，比如：

{
  "name": "Tom",
  "birthday": "2020-01-01"
}

当我们将这种类型的 JSON 数据转换成 JavaScript 对象后，日期类型的属性就变成了字符串类型。为了更方便地进行日期操作，我们可以使用一些第三方库，比如 moment.js，将日期字符串转换成 Date 对象或者其他格式的字符串。

示例：

const data = {
  name: "Tom",
  birthday: "2020-01-01"
}

const parsedData = JSON.parse(JSON.stringify(data), (key, value) => {
  if (key === 'birthday') {
    return moment(value).toDate()
  } else {
    return value
  }
})

2.2 JSON 数据中的 NaN 和 Infinity

在 JSON 数据中，NaN 和 Infinity 这两个特殊值是不被允许的，因此如果 JSON 数据中存在这些特殊值，JSON.parse() 方法就会抛出异常。为了解决这个问题，我们可以在转换之前将这些特殊值转换成字符串，并在转换之后将其还原回去。

示例：

const data = {
  name: "Tom",
  score: NaN
}

const jsonString = JSON.stringify(data)
// "{\"name\":\"Tom\",\"score\":null}"

const parsedData = JSON.parse(jsonString, (key, value) => {
  if (value === null) {
    return NaN
  } else {
    return value
  }
})

以上就是JSON.parse() 方法的简单介绍，希望对您有所帮助。