JavaScript遍历JSON数组内容的方法

在JavaScript开发中，经常需要处理JSON数据，而遍历JSON数组是一项常见的任务。本文将介绍几种常用的遍历JSON数组内容的方法。

1. for循环

for循环是最基本的遍历方式。假设我们有一个JSON数组data，可以使用以下代码遍历：

let data = [
  { "name": "Alice", "age": 25 },
  { "name": "Bob", "age": 30 }
];

for (let i = 0; i < data.length; i++) {
  console.log("Name: " + data[i].name + ", Age: " + data[i].age);
}

这种方法简单直接，适用于需要知道当前元素索引的情况。

2. forEach方法

forEach方法是数组的内置方法，它会为数组中的每个元素执行一次提供的回调函数。

data.forEach(function(item) {
  console.log("Name: " + item.name + ", Age: " + item.age);
});

forEach方法简洁明了，不需要手动管理索引，但不能使用break或continue来控制循环。

3. map方法

map方法也会遍历数组的每个元素，并返回一个新数组，新数组中的元素是回调函数的返回值。

let newData = data.map(function(item) {
  return item.name + " is " + item.age + " years old.";
});
console.log(newData);

map方法常用于对数组元素进行转换和处理。

4. for...of循环

for...of循环是ES6引入的新特性，它可以更简洁地遍历可迭代对象，如数组。

for (let item of data) {
  console.log("Name: " + item.name + ", Age: " + item.age);
}

for...of循环不需要索引，直接访问数组元素，使代码更加清晰。

不同的遍历方法适用于不同的场景。在实际开发中，可以根据具体需求选择合适的方法来遍历JSON数组内容，以提高代码的可读性和效率。