js 遍历json list

在JavaScript中遍历JSON数组（通常被称为list）有多种方法，以下是一些常用的方法：

1. for循环

这是最基本的遍历方法，适用于所有JavaScript环境。

const jsonList = [
    { "id": 1, "name": "Alice" },
    { "id": 2, "name": "Bob" },
    { "id": 3, "name": "Charlie" }
];

for (let i = 0; i < jsonList.length; i++) {
    console.log(jsonList[i].name);
}

2. forEach方法

forEach是数组的一个内置方法，它提供了一种更简洁的方式来遍历数组。

jsonList.forEach(function(item) {
    console.log(item.name);
});

或者使用箭头函数：

jsonList.forEach(item => console.log(item.name));

3. for...of循环

for...of循环是ES6引入的一种新的遍历数组的方法，它比传统的for循环更加简洁。

for (const item of jsonList) {
    console.log(item.name);
}

4. map方法

虽然map方法通常用于转换数组中的每个元素并返回一个新数组，但它也可以用来遍历数组。

jsonList.map(item => console.log(item.name));

5. for...in循环

for...in循环通常用于遍历对象的属性，但也可以用于遍历数组的索引。不过，由于它遍历的是索引而不是值，所以通常不推荐用于遍历数组。

for (const index in jsonList) {
    console.log(jsonList[index].name);
}

优势和应用场景

• for循环：适用于需要使用索引或在循环中需要跳出循环的场景。
• forEach方法：代码简洁，适用于不需要中断循环的场景。
• for...of循环：语法简洁，适用于ES6及以上版本的环境，且不需要使用索引。
• map方法：适用于需要对数组中的每个元素进行操作并生成新数组的场景。
• for...in循环：通常不推荐用于遍历数组，但在某些特定情况下，如需要访问数组索引时，可以使用。

注意事项

• 在使用forEach、map和for...of时，无法使用break或continue语句来跳出循环或跳过迭代。如果需要这些功能，应使用传统的for循环。
• for...in循环会遍历对象的所有可枚举属性，包括原型链上的属性，因此在使用时需要小心。

选择哪种遍历方法取决于具体的应用场景和个人偏好。在现代JavaScript开发中，forEach和for...of是最常用的遍历数组的方法。