🐚作者简介：苏凉（专注于网络爬虫，数据分析，正在学习前端的路上）
🐳博客主页：苏凉.py的博客
🌐系列总专栏：web前端基础教程
👑名言警句：海阔凭鱼跃，天高任鸟飞。
🎈面试宝典：牛客网
📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！
👉关注✨点赞👍收藏📂

文章目录

    • forEach方法
    • map方法
    • map和forEach方法的区别

上节我们说到遍历数组的方法，使用for循环进行遍历，其实在js中还有另外l两种方法可以将我们的数组更快的遍历出来，那就是forEach方法和map方法。下面我们一起看看如何使用吧。

forEach方法

forEach()方法需要一个函数作为参数

  • 像这种函数，由我们创建但是不由我们调用的被称为回调函数。
  • 数组中有几个元素，函数就会执行几次，每次执行时，浏览器会将遍历到的元素以实参的形式传递进来，我们可以来定义形参来读取这些内容。
  • 浏览器会在回调函数中传递三个参数:

第一个参数 - 当前正在遍历的元素
web前端-JavaScript中的forEach和map方法

第二个参数 - 当前正在遍历的元素的索引
web前端-JavaScript中的forEach和map方法

第三个参数 - 正在遍历的数组
web前端-JavaScript中的forEach和map方法

map方法

同样的map方法和forEach方法一样，需要用到一个函数作为参数。该函数作为回调函数，同样该回调函数中传递三个参数。

第一个参数 - 当前正在遍历的元素
web前端-JavaScript中的forEach和map方法
第二个参数 - 当前正在遍历的元素的索引
web前端-JavaScript中的forEach和map方法
第三个参数 - 正在遍历的数组
web前端-JavaScript中的forEach和map方法

map和forEach方法的区别

以下截图来自牛客网！文末链接直达。
web前端-JavaScript中的forEach和map方法

从上图来看，map方法会返回一个新的数组，而forEach方法不会，如图所示。
web前端-JavaScript中的forEach和map方法

给大家推荐一款神器。无论你是学生党还是上班族都可以使用，这里涵盖了面试题库，在线刷题，各个大厂的面试/笔试真题等。如果你还是学生，最重要的一点就是模拟面试功能，智能AI1v1面试，帮助你早日拿到大厂offer！点击链接即可直达！=>牛客网-找工作神器

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。