发布于 2026-01-05 3 阅读
0

我将教你7种数组方法。(附带动画!)

我将教你7种数组方法。(附带动画!)

地图

创建一个新数组,数组中的每个元素都填充了给定函数的运算结果。

[1, 2, 3].map( n => n * 2 ); // [2, 4, 6]
Enter fullscreen mode Exit fullscreen mode

11

筛选

创建给定数组的一部分的副本,筛选出满足测试条件的元素,请记住,对第一个数组的更改会影响副本。

[1,2,3].filter( n => n !== 2 ); // [1,3]
Enter fullscreen mode Exit fullscreen mode

22

寻找

停止并返回提供的数组中满足提供的测试函数的第一个元素,否则返回 undefined。

[1,2,3].find( n => n == 2 ) // 2
Enter fullscreen mode Exit fullscreen mode

33

查找索引

返回满足所提供测试函数的第一个元素的索引。否则返回 -1。

[1,2,3].findIndex( n => n == 2) // 1
Enter fullscreen mode Exit fullscreen mode

44

充满

将数组中从起始索引(默认为 0)到结束索引(默认为数组长度)的所有元素更改为一个静态值。它返回修改后的数组。

[1,2,3].fill('Txt', 1,2) // [1,'Txt', 3]
Enter fullscreen mode Exit fullscreen mode

77

每一个

测试数组中的所有元素。完成后返回一个布尔值。

[2,2,2].every( n => n == 2 ) // true
Enter fullscreen mode Exit fullscreen mode

88

一些

测试数组中是否至少有一个元素通过了所提供函数实现的测试。

[1,2,3].some( n => n == 2) // true
Enter fullscreen mode Exit fullscreen mode

99

👇 在推特上关注我

叽叽喳喳

文章来源:https://dev.to/fredysandoval/ill-teach-you-7-array-methods-with-animations-549c