js中几种常用的数组遍历

185 阅读1分钟

JavaScript 提供了多种数组遍历的方法。下面是一些常用的数组遍历方法:

1. for 循环:  

使用传统的 for 循环可以遍历数组,并通过索引访问数组元素。

const array = [1, 2, 3, 4, 5];

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

2. forEach 方法:

forEach 是数组的原生方法,它接受一个回调函数作为参数,对数组的每个元素进行遍历。

const array = [1, 2, 3, 4, 5];

array.forEach((element) => {
  console.log(element);
});   

3. map 方法:

map 方法会创建一个新数组,它对原数组中的每个元素应用提供的回调函数,并将回调函数的返回值作为新数组的元素。

const array = [1, 2, 3, 4, 5];

const newArray = array.map((element) => {
  return element * 2;
});

console.log(newArray);

4. reduce 方法:

reduce 方法用于通过对数组的每个元素执行回调函数并累积结果来减少数组为单个值。

const array = [1, 2, 3, 4, 5];

const sum = array.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0);

console.log(sum);

5. filter 方法:

filter 方法创建一个新数组,其中包含通过回调函数的筛选条件的元素。

const array = [1, 2, 3, 4, 5];

const filteredArray = array.filter((element) => {
  return element % 2 === 0;
});

console.log(filteredArray);

6. find 方法:

find 方法返回数组中满足提供的测试函数的第一个元素的值。

const array = [1, 2, 3, 4, 5];

const foundElement = array.find((element) => {
  return element > 3;
});

console.log(foundElement);

7. some 方法:

some 方法检查数组中是否至少有一个元素满足提供的测试函数。

const array = [1, 2, 3, 4, 5];

const hasEvenNumber = array.some((element) => {
  return element % 2 === 0;
});

console.log(hasEvenNumber); 

这些方法提供了不同的方式来遍历和操作数组。选择合适的方法取决于你的具体需求和对数组元素的操作。