浅谈JSON取值(对象和数组)

JSON介绍

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的语法，但是JSON数据可以被其他编程语言解析和生成。JSON的数据结构是一种"键-值"的数据类型集合，类似于JavaScript中的对象，但是JSON没有方法。JSON通过JavaScript中的eval()函数进行解析，也可以使用JSON.parse()。

JSON对象

JSON对象是由一系列键值对组成的，键值对之间用逗号分隔，整个JSON对象用花括号包裹。如下所示：

{
  "name": "Lucy",
  "age": 18,
  "gender": "female"
}

JSON数组

JSON数组是由一组值组成的，值之间用逗号分隔，整个JSON数组用中括号包裹。如下所示：

[10, 20, 30, 40, 50]

JSON取值操作

JSON对象取值

取出JSON对象的某个键对应的值，可以使用对象名加点号再加上键名的方式进行取值，如下所示：

const obj = {
  "name": "Lucy",
  "age": 18,
  "gender": "female"
}
console.log(obj.name) // Lucy
console.log(obj.age)  // 18
console.log(obj.gender)  // female

JSON数组取值

1. 取出JSON数组中某个索引对应的值

取出JSON数组中某个索引对应的值，可以使用数组名加中括号再加上索引值的方式进行取值，如下所示：

const arr = [10, 20, 30, 40, 50]
console.log(arr[0]) // 10
console.log(arr[2]) // 30
console.log(arr[4]) // 50

2. 将JSON数组转换为普通数组

将JSON数组转换为普通数组，可以使用JSON.parse()函数进行转换，如下所示：

const jsonArr = '[10, 20, 30, 40, 50]'
const arr = JSON.parse(jsonArr)
console.log(arr) // [10, 20, 30, 40, 50]

示例说明

示例1

以下是一个包含JSON对象和JSON数组的示例：

{
  "name": "Lucy",
  "age": 18,
  "gender": "female",
  "interests": [
    "reading",
    "music",
    "travelling"
  ]
}

我们可以使用如下代码取出gender键对应的值，以及interests数组中的第二个元素。

const json = '{"name":"Lucy","age":18,"gender":"female","interests":["reading","music","travelling"]}'
const obj = JSON.parse(json)
console.log(obj.gender)     // female
console.log(obj.interests[1]) // music

示例2

以下是将一个普通数组转换为JSON数组的示例：

const arr = [1, 2, 3, 4, 5]
const jsonArr = JSON.stringify(arr)
console.log(jsonArr) // [1,2,3,4,5]

我们将普通数组[1, 2, 3, 4, 5]使用JSON.stringify()函数转换为了JSON数组。