json如何遍历取值

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，在日常生活和工作中，我们经常需要处理JSON格式的数据，如何遍历JSON并取值呢？下面我将详细为大家介绍。

我们需要明确JSON的结构，JSON由两种结构组成：对象（Object）和数组（Array），对象是一个无序的“键值对”集合，而数组则是一个有序的值集合，了解了这些，我们就可以开始遍历JSON了。

遍历JSON对象的键值对

json如何遍历取值

假设我们有一个JSON对象如下：

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

要遍历这个JSON对象，我们可以使用JavaScript中的for...in循环，以下是示例代码：

JavaScript

var json_obj = {
  "name": "张三",
  "age": 25,
  "gender": "男"
};
for (var key in json_obj) {
  if (json_obj.hasOwnProperty(key)) {
    // 输出键和值
    console.log(key + ": " + json_obj[key]);
  }
}

在这个例子中，我们使用了hasOwnProperty方法来确保只遍历对象自身的属性，而不包括原型链上的属性。

遍历JSON数组

假设我们有一个JSON数组如下：

[
  {
    "name": "张三",
    "age": 25,
    "gender": "男"
  },
  {
    "name": "李四",
    "age": 30,
    "gender": "女"
  }
]

要遍历这个JSON数组，我们可以使用for循环，以下是示例代码：

JavaScript

var json_array = [
  {
    "name": "张三",
    "age": 25,
    "gender": "男"
  },
  {
    "name": "李四",
    "age": 30,
    "gender": "女"
  }
];
for (var i = 0; i < json_array.length; i++) {
  // 输出每个对象的详细信息
  console.log("姓名：" + json_array[i].name);
  console.log("年龄：" + json_array[i].age);
  console.log("性别：" + json_array[i].gender);
  console.log("----------");
}

json如何遍历取值

在这个例子中，我们通过索引i来访问数组中的每个对象，并输出其详细信息。

遍历嵌套JSON结构

在实际应用中，我们经常会遇到嵌套的JSON结构，以下是一个嵌套JSON的例子：

{
  "students": [
    {
      "name": "张三",
      "age": 25,
      "gender": "男",
      "scores": {
        "math": 90,
        "english": 85
      }
    },
    {
      "name": "李四",
      "age": 30,
      "gender": "女",
      "scores": {
        "math": 95,
        "english": 90
      }
    }
  ]
}

要遍历这个嵌套JSON结构，我们可以结合使用for循环和for...in循环，以下是示例代码：

JavaScript

var nested_json = {
  "students": [
    {
      "name": "张三",
      "age": 25,
      "gender": "男",
      "scores": {
        "math": 90,
        "english": 85
      }
    },
    {
      "name": "李四",
      "age": 30,
      "gender": "女",
      "scores": {
        "math": 95,
        "english": 90
      }
    }
  ]
};
for (var i = 0; i < nested_json.students.length; i++) {
  console.log("姓名：" + nested_json.students[i].name);
  console.log("年龄：" + nested_json.students[i].age);
  console.log("性别：" + nested_json.students[i].gender);
  
  // 遍历成绩
  for (var key in nested_json.students[i].scores) {
    if (nested_json.students[i].scores.hasOwnProperty(key)) {
      console.log(key + "成绩：" + nested_json.students[i].scores[key]);
    }
  }
  console.log("----------");
}