Javascript：遍历数组的forEach方法

听海边涛声

已于 2024-07-03 09:11:07 修改

阅读量199

点赞数 3

文章标签： javascript 前端开发语言

于 2024-07-03 09:09:29 首次发布

本文链接：https://blog.csdn.net/panghuangang/article/details/140142129

版权

介绍

forEach() 方法调用数组的每个元素，并将元素传递给回调函数。
主要使用场景：遍历数组的每个元素
语法形式：

要被遍历的数组.forEach(function (当前数组元素, 当前元素索引号) {
  // 处理逻辑
})

forEach() 方法只遍历数组，不返回值。如果打印返回值的话，是undefined。
参数当前数组元素是必须要写的，索引号可选。

示例

打印数组的当前元素、及元素索引号

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    const arr = ['red', 'green', 'blue']
    arr.forEach(function (item, index) {
      console.log(item, index)
    })
  </script>
</body>

</html>

在这里插入图片描述

forEach() 方法返回值是undefined

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    const arr = ['red', 'green', 'blue']
    const result = arr.forEach(function (item, index) {
      console.log(item, index)
    })
    console.log(result)
  </script>
</body>

</html>