JavaScript 遍历数组有多种方式,以下是常用的几种方式:
for循环
使用 for 循环遍历数组是最基本和最常用的方法,可以通过循环计数器来获取数组中的每个元素。
const arr = ['apple', 'banana', 'orange']; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); }
foreach方法
forEach 方法是 ES5 新增的数组迭代方法,它接受一个回调函数作为参数,对数组中的每个元素执行回调函数。
const arr = ['apple', 'banana', 'orange']; arr.forEach(function(item) { console.log(item); });
map方法
map 方法也是 ES5 新增的数组迭代方法,它接受一个回调函数作为参数,返回一个新的数组,数组中的每个元素是原始数组中执行回调函数后的结果。
const arr = [1, 2, 3]; const newArr = arr.map(function(item) { return item * 2; }); console.log(newArr); // [2, 4, 6]
filter方法
filter 方法也是 ES5 新增的数组迭代方法,它接受一个回调函数作为参数,返回一个新的数组,数组中的元素是原始数组中符合回调函数条件的元素。
const arr = [1, 2, 3]; const newArr = arr.filter(function(item) { return item > 1; }); console.log(newArr); // [2, 3]
reduce方法
reduce 方法也是 ES5 新增的数组迭代方法,它接受一个回调函数作为参数,返回一个新的值,这个值是原始数组中执行回调函数后的累计值。
const arr = [1, 2, 3]; const sum = arr.reduce(function(total, item) { return total + item; }, 0); console.log(sum); // 6
以上就是 JavaScript 遍历数组的常用方式,根据不同的需求选择不同的方法可以更加方便和高效地操作数组。