js数组的遍历可以用哪几种方法?

2023-07-02 分类：站长随笔 评论(0)

本文介绍JavaScript遍历数组的三个常见方法。

JavaScript

遍历数组的目的是：访问到数组中的每个元素，并且知道每个元素的索引。

1、for循环

最最基础的就是for循环了，我们可以通过循环数组的下标，来依次访问每个值：

// 获取数组的长度
const len = arr.length
for(let i = 0; i < len; i++) {
  // 输出数组的元素值，输出当前索引
  console.log(arr[i], i)
}

2、forEach方法

数组的forEach方法还是很实用的。

arr.forEach((item, index) => {
  // 输出数组的元素值，输出当前的索引
  console.log(item, index)
})

3、map方法

在调用形式上，map方法与forEach无异，它俩的区别在于，map会根据你传入的函数逻辑对数组中的每一个元素进行处理、进而返回一个全新的数组。

所以我们就知道，map做的事不仅仅是「遍历」，而是在遍历的基础上对数组「再加工」。

当我们需要对数组内容做批量修改、且修改的逻辑又高度一致时，就可以调用map来达成我们的目的：

const newArr = arr.map((item, index) => {
  // 输出数组的元素值，输出当前索引
  console.log(item, index)
  // 在当前元素值的基础上加1
  return item + 1
})

反正我们要记住，调用map方法，最终会返回一个全新的数组。

关于js数组的遍历，最后给个小建议：如果没有特殊的需要，默认使用for循环来实现遍历。

因为，从性能上看，for循环遍历起来是最快的。

相关推荐