JavaScript中最常见的数据结构之一是数组,我们经常需要处理数组元素,并在数组中进行迭代,
JavaScript为我们提供了最受欢迎的函数,可能是map和forEach。
它们都是在ES5中引入的。
它们看起来几乎是一样的,但是它们之间还是有一些区别的,但是在跳转之前,让我们知道什么是map()和forEach()。
forEach()
这个方法允许你通过遍历一个数组的每个元素来执行一个回调函数。请记住,它不会返回任何东西,如果你试图获取值,它将是未定义的。
forEach。不可连锁
map()
它几乎与forEach方法相同,执行一个回调函数来轻松地循环一个数组。但不同的是它总是返回一个新的数组,所以这意味着它也不会改变我们的源数组。因此,它是一个不可变的操作。
map方法的一个优点是它是可连锁的,这意味着你可以连续调用多个map操作。
map: chainable
差异和总结
这两种方法都可以帮助我们在数组中进行迭代,在map和forEach之间的选择将取决于你的使用情况。
map vs forEach
如果你打算改变数组,我们应该使用map函数,因为它不会改变原来的数组并返回一个新的数组。但是如果你不需要返回的数组,而只是想循环浏览一个数组的所有元素,那么就使用forEach或者甚至for循环。
Apart from this, this functions are almost identical
这就是我的全部内容,如果文章中有更多的差异或任何错误,请在评论区分享你的观点,并感谢你的阅读。请查看我的其他文章 如何有效地加载脚本.
用独立组件解锁10倍开发
构建单片机应用意味着你所有的代码都是内部的,在其他地方没有用。它只是为这一个项目服务。当你扩展到更多的代码和人员时,开发就会变得缓慢和痛苦,因为每个人都在一个代码库和同一版本上工作。
但是,如果你首先建立独立的组件,然后用它们来建立任何数量的项目呢?你可以把现代开发的速度和规模提高10倍。
像Bit这样的开放源码软件工具为构建独立组件和组成模块化应用提供了强大的开发者体验。许多团队开始通过独立组件构建他们的设计系统或微前端。 试一试吧→
一个独立的产品组件:观看自动生成的依赖关系图
在JavaScript中map()和forEach()的区别是什么?原文发表于Bits and Pieceson Medium,人们通过强调和回应这个故事来继续对话。