JavaScript数组遍历方法

        在 JavaScript 中,遍历数组是一项常见的任务。它允许我们访问数组中的每个元素,并执行相应的操作。本文将介绍几种常用的 JavaScript 数组遍历方法,让我们一起来了解它们。

1. for 循环

        最基本的遍历方法是使用 for 循环。我们可以使用数组的长度属性 length 结合索引来遍历数组的每个元素。例如:

const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

2. forEach() 方法

  forEach() 是数组的内置方法,它接受一个回调函数作为参数,并对数组中的每个元素依次调用该函数。例如:

const arr = [1, 2, 3, 4, 5];
arr.forEach(function(element) {
  console.log(element);
});

3. for...of 循环

        for...of 循环是 ES6 引入的一种新的遍历方式,它可以直接遍历数组中的值,而无需使用索引。例如:

const arr = [1, 2, 3, 4, 5];
for (const element of arr) {
  console.log(element);
}

4. map() 方法

  map() 方法对数组中的每个元素应用一个回调函数,并返回由函数返回值组成的新数组。这种遍历方法常用于对数组进行转换或映射操作。例如:

const arr = [1, 2, 3, 4, 5];
const newArr = arr.map(function(element) {
  return element * 2;
});
console.log(newArr);

5. filter() 方法

  filter() 方法对数组中的每个元素应用一个回调函数,并返回满足条件的元素组成的新数组。这种遍历方法常用于根据特定条件过滤数组元素。例如:

const arr = [1, 2, 3, 4, 5];
const filteredArr = arr.filter(function(element) {
  return element > 2;
});
console.log(filteredArr);
喜欢的话麻烦点个赞吧,如果觉得写得不错欢迎赞赏哦!

JavaScript数组遍历方法_第1张图片

 

你可能感兴趣的:(JavaScript,javascript,前端,开发语言)