数组迭代器速查表(JavaScript)
嗨!😄 我创建了一些超级英雄示例,用于理解 JS 中一些最流行的内置迭代器!😄
这些内置方法帮助我们迭代数组,它们被称为迭代方法或迭代器。迭代器是在数组上调用来操作元素并返回一些值的方法。
数组.forEach()
方法名称:forEach
返回:undefined
--
此方法对数组的每个元素执行一次代码片段(或函数)。
例如:
对 superheroes 数组调用 forEach 方法。forEach() 方法的参数是一个回调函数。该函数会对数组的每个元素执行。每个元素都作为参数传递给这个回调函数。
数组.map()
方法名称:map
返回:一个新数组
--
此方法在对数组中的每个元素调用回调函数后,返回一个包含更新元素的新数组。
在 superheroes 数组上调用 map 方法。该方法以一个回调函数作为参数。Map 返回一个新数组,其中包含字符串“Avengers”与原始值的连接!原始数组保持不变。
数组.filter()
方法名称:filter
返回:一个新数组
--
此方法检查数组中的每个元素是否满足条件。它返回一个包含满足条件的元素的新数组。
.filter() 方法的回调函数应该根据元素长度是否短于 5 返回 true 或 false。
导致回调函数返回 true 的元素将添加到新数组中。
数组.find()
方法名称:find
返回:元素第一次出现的值,如果元素不存在则返回 undefined
--
此方法返回数组中第一个满足条件的元素的值。如果没有元素满足此条件,则该方法将返回undefined 。
数组.findIndex()
方法名称:findIndex
返回:元素第一次出现的索引,如果元素不存在则返回 -1
--
与 find 方法类似。区别在于,此方法返回数组中第一个满足条件的元素的索引。如果没有元素满足条件,则返回-1 。
数组.reduce()
方法名称:reduce
返回:单个值
--
reduce 方法用于将数组缩减为单个值。它对数组中的每个值(从左到右)执行提供的函数。函数的返回值存储在累加器中。
在这个例子中,Reduce 接受两个参数:累加器(all)和当前元素(hero)。reduce 方法以 for 循环的形式遍历数组中的每个元素。在累加器中,我们存储了连接后的字符串。
数组.every()
方法名称:every
返回:boolean
--
every 方法测试数组中的所有元素是否都满足某个条件。返回值为布尔值。
数组.some()
方法名称:some
返回:boolean
--
some 方法测试数组中的某些元素是否满足条件。返回值为布尔值。
希望你喜欢!🦊
文章来源:https://dev.to/ale3oula/the-array-iterators-cheatsheet-javascript-2h8e