js 遍历json数组

// 示例 JSON 数组
const jsonArray = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
  { name: "Charlie", age: 35 }
];

// 使用 for 循环遍历 JSON 数组
for (let i = 0; i < jsonArray.length; i++) {
  console.log(`Name: ${jsonArray[i].name}, Age: ${jsonArray[i].age}`);
}

// 使用 forEach 方法遍历 JSON 数组
jsonArray.forEach(item => {
  console.log(`Name: ${item.name}, Age: ${item.age}`);
});

// 使用 for...of 循环遍历 JSON 数组
for (let item of jsonArray) {
  console.log(`Name: ${item.name}, Age: ${item.age}`);
}

// 使用 map 方法遍历并处理 JSON 数组中的每个元素
const names = jsonArray.map(item => item.name);
console.log(names); // 输出: ["Alice", "Bob", "Charlie"]

// 使用 filter 方法筛选 JSON 数组中的元素
const youngPeople = jsonArray.filter(item => item.age < 30);
console.log(youngPeople); // 输出: [{ name: "Alice", age: 25 }]

解释说明：

1. for 循环：传统的 for 循环可以用来遍历数组，通过索引访问每个元素。
2. forEach 方法：forEach 是数组的一个方法，它会为数组的每个元素执行一次提供的函数。
3. for...of 循环：for...of 循环可以直接遍历数组中的每个元素，而不需要使用索引。
4. map 方法：map 方法创建一个新数组，其结果是对原数组中的每个元素调用提供的函数后的返回值。
5. filter 方法：filter 方法创建一个新数组，包含通过所提供函数实现的测试的所有元素。