以角度查找 JSON 数组中的值 - JavaScript

在 JavaScript 中，我们可以通过使用角度来访问 JSON 数组中的值。角度是用来表示嵌套层次的符号，如 .、[]、{} 等。通过使用不同的角度，我们可以轻松地访问 JSON 数据结构中的各种值。

访问 JSON 数组中的单个值

访问 JSON 数组中的单个值最简单的方法是使用点 . 角度。例如，如果我们有以下 JSON 数组：

{
  "name": "John",
  "age": 30,
  "cars": [
    { "make": "Ford", "model": "Mustang" },
    { "make": "Toyota", "model": "Corolla" }
  ]
}

我们可以通过以下方式访问第一辆汽车的制造商：

const data = {
  "name": "John",
  "age": 30,
  "cars": [
    { "make": "Ford", "model": "Mustang" },
    { "make": "Toyota", "model": "Corolla" }
  ]
};

const make = data.cars[0].make;
console.log(make); // 输出 "Ford"

在上面的例子中，我们使用了 . 角度来访问 data 对象中的 cars 属性，并返回了一个包含两个汽车对象的数组。接着，我们使用 [0] 角度来访问数组的第一个元素（即第一辆汽车），然后再次使用 . 角度来访问该汽车的 make 属性，最终返回 "Ford"。

访问 JSON 数组中的多个值

如果我们需要从 JSON 数组中检索多个值，我们可以使用循环和索引来遍历数组中的每个元素。例如，如果我们有以下 JSON 数组：

[
  { "name": "John", "age": 30 },
  { "name": "Jane", "age": 25 },
  { "name": "Bob", "age": 40 }
]

我们可以使用循环来访问每个人的姓名和年龄：

const people = [
  { "name": "John", "age": 30 },
  { "name": "Jane", "age": 25 },
  { "name": "Bob", "age": 40 }
];

for (let i = 0; i < people.length; i++) {
  const person = people[i];
  console.log(person.name + " is " + person.age + " years old.");
}

在上面的例子中，我们使用一个 for 循环来遍历 people 数组中的每个元素。在每次迭代中，我们使用索引 i 来访问数组中的元素，并将其存储在名为 person 的变量中。然后，我们可以使用 . 角度来访问 person 对象中的 name 和 age 属性，并输出每个人的姓名和年龄。

使用动态角度访问 JSON 数组中的值

有时候我们不知道要访问的属性名，或者需要从用户输入中动态构建属性名称。在这种情况下，我们可以使用方括号 [] 角度来动态访问 JSON 数组中的值。例如，如果我们有以下 JSON 数组：

{
  "people": [
    { "name": "John", "age": 30 },
    { "name": "Jane", "age": 25 },
    { "name": "Bob", "age": 40 }
  ]
}

我们可以使用方括号 [] 角度和变量来动态访问一个人的姓名。例如，如果我们有一个名为 index 的变量，它存储了要访问的人的索引值，我们可以使用以下代码来访问该人的姓名：

const data = {
  "people": [
    { "name": "John", "age": 30 },
    { "name": "Jane", "age": 25 },
    { "name": "Bob", "age": 40 }
  ]
};

const index = 1;
const name = data.people[index]["name"];
console.log(name); // 输出 "Jane"

在上面的例子中，我们首先将要访问的人的索引值存储在变量 index 中，然后使用方括号 [] 角度和该变量来访问该人的姓名。注意，我们需要使用引号将属性名称括起来，以确保它们被解释为字符串。

结论

在 JavaScript 中，我们可以通过使用不同的角度来访问 JSON 数据结构中的各种值。通过使用点 . 角度，我们可以访问嵌套层次深的属性，使用方括号 [] 角度，我们可以动态构建属性名称并访问属性值。我们也可以将这些不同的角度组合使用，以访问更加复杂的 JSON 数据结构。