数组迭代器速查表(JavaScript)

2025-06-04

数组迭代器速查表(JavaScript)

嗨!😄 我创建了一些超级英雄示例,用于理解 JS 中一些最流行的内置迭代器!😄

这些内置方法帮助我们迭代数组,它们被称为迭代方法或迭代器。迭代器是在数组上调用来操作元素并返回一些值的方法。

数组.forEach()

方法名称:forEach
返回:undefined

--

此方法对数组的每个元素执行一次代码片段(或函数)。

例如:

碳

对 superheroes 数组调用 forEach 方法。forEach() 方法的参数是一个回调函数。该函数会对数组的每个元素执行。每个元素都作为参数传递给这个回调函数。

数组.map()

方法名称:map
返回:一个新数组

--

此方法在对数组中的每个元素调用回调函数后,返回一个包含更新元素的新数组。

碳-1

在 superheroes 数组上调用 map 方法。该方法以一个回调函数作为参数。Map 返回一个数组,其中包含字符串“Avengers”与原始值的连接!原始数组保持不变。

数组.filter()

方法名称:filter
返回:一个新数组

--

此方法检查数组中的每个元素是否满足条件。它返回一个包含满足条件的元素的新数组。

碳-2

.filter() 方法的回调函数应该根据元素长度是否短于 5 返回 true 或 false。
导致回调函数返回 true 的元素将添加到新数组中。

数组.find()

方法名称:find
返回:元素第一次出现的值,如果元素不存在则返回 undefined

--

此方法返回数组中第一个满足条件的元素的。如果没有元素满足此条件,则该方法将返回undefined 。

碳-4

数组.findIndex()

方法名称:findIndex
返回:元素第一次出现的索引,如果元素不存在则返回 -1

--

与 find 方法类似。区别在于,此方法返回数组中第一个满足条件的元素的索引。如果没有元素满足条件,则返回-1 。

碳-5

数组.reduce()

方法名称:reduce
返回:单个值

--

reduce 方法用于将数组缩减为单个值。它对数组中的每个值(从左到右)执行提供的函数。函数的返回值存储在累加器中。

碳-6

在这个例子中,Reduce 接受两个参数:累加器(all)和当前元素(hero)。reduce 方法以 for 循环的形式遍历数组中的每个元素。在累加器中,我们存储了连接后的字符串。

数组.every()

方法名称:every
返回:boolean

--

every 方法测试数组中的所有元素是否都满足某个条件。返回值为布尔值。

碳-7

数组.some()

方法名称:some
返回:boolean

--

some 方法测试数组中的某些元素是否满足条件。返回值为布尔值。

碳-8

希望你喜欢!🦊

文章来源:https://dev.to/ale3oula/the-array-iterators-cheatsheet-javascript-2h8e
PREV
提高工作效率的文本编辑器技巧和窍门
NEXT
[教程] 使用 CSS 和 JS 实现平滑滚动页面导航创建一个简单的平滑滚动页面导航