数组迭代之forEach数组迭代之forEach前言一、forEach有什么做用呢？总结

86 阅读 0 评论 57 点赞

我是靠谱客的博主英勇背包，最近开发中收集的这篇文章主要介绍数组迭代之forEach数组迭代之forEach前言一、forEach有什么做用呢？总结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

数组迭代之forEach

提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加
数组迭代之forEach的使用

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

数组迭代之forEach
前言
一、forEach有什么做用呢？
- 1、使用
- - - 代码示例：
总结

前言

提示：这里可以添加本文要记录的大概内容：

不知道大伙在学习数组API的时候有没有把它搞混呢？小编在刚开始学的时候老是搞混这个，今天就来和它battle一下，直接把它拿下

提示：以下是本篇文章正文内容，下面案例可供参考

一、forEach有什么做用呢？

MDN中是这样解释的：
forEach() 方法对数组的每个元素执行一次给定的函数。

那么我们就来看一下它到底是怎么使用滴

1、使用

array.forEach( function ( currentValue [, index [, array ] ] ) [ , thisArg ] ) {
//函数体
}

function为传入的回调函数，可传入四个参数:
currentValue：当前的数组元素必须传入的参数！
index：当前元素在数组中的索引（可以省略）
array:原数组，即调用forEach的那个数组（可以省略）
thisArg :当执行回调函数 function 时，用作 this 的值。(可以省略)

可能大家大多数时候使用都是只传递两个参数，当前值和对应索引。
forEach() 为每个数组元素执行一次 callback 函数；与 map() 或者 reduce() 不同的是，它总是返回 undefined 值，并且不可链式调用
forEach() 被调用时，不会改变原数组，也就是调用它的数组（尽管 callback 函数在被调用时可能会改变原数组）。

代码示例：

数组扁平化（这里只拍平一层）

function flatten(arr) {
    if (!Array.isArray(arr)) return arr
    let res = []
    arr.forEach(item => {  //这里只传递一个参数
        if (Array.isArray(item)) {
            res = res.concat(item)
        } else {
            res.push(item)
        }
    })
    return res
}