JS数组循环方法|极客笔记

JS数组循环方法

在开发中，经常会涉及到对数组中的元素进行循环操作。JavaScript提供了多种方式来循环遍历数组，如for循环、forEach方法、map方法、filter方法等。本文将详细介绍这些方法的使用及其区别。

for循环是最基本的数组遍历方法，通过控制索引来逐个访问数组元素。

let arr = [1, 2, 3, 4, 5];

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

运行结果：

forEach方法是一个数组对象的方法，它接收一个函数作为参数，该函数会被数组中的每个元素调用。

let arr = [1, 2, 3, 4, 5];

arr.forEach(function(item) {
    console.log(item);
});

运行结果：

map方法也是一个数组对象的方法，它对数组中的每个元素调用一个函数，并返回一个新的数组。

let arr = [1, 2, 3, 4, 5];

let newArr = arr.map(function(item) {
    return item * 2;
});

console.log(newArr);

运行结果：

[2, 4, 6, 8, 10]

filter方法是一个数组对象的方法，它对数组中的每个元素调用一个函数，并返回一个新的数组，新数组只包含满足条件的元素。

let arr = [1, 2, 3, 4, 5];

let newArr = arr.filter(function(item) {
    return item % 2 === 0;
});

console.log(newArr);

运行结果：

[2, 4]

根据实际需求选择合适的循环方法可以提高开发效率，并使代码更易读易维护。