[返回编程技术首页]·[所有跟帖]·[ 回复本帖 ] ·[热门原创] ·[繁體閱讀]·[坛主管理]

JavaScript 中七个鲜为人知的数组方法

送交者: wecode[☆★声望品衔7★☆] 于 2024-03-21 10:39 已读 805 次 1赞  

wecode的个人频道

+关注

JavaScript 数组除了 map()、filter()、find() 和 push() 之外还有更多功能。今天这篇文章就来给大家分享一些鲜有人知道的数组方法,我们现在开始吧。



1.copyWithin()

Array copyWithin() 将数组的一部分复制到同一数组中的另一个位置并返回它,而不增加其长度。



end 参数是可选的:




2. at() 和 with()

at() 首先出现,with() 在一年后的 2023 年出现。


它们是单元素数组修改和访问的函数式和不可变版本。



这些新方法的最酷之处在于它们如何让您使用负索引获取和更改元素值。


3.reduceRight()

与reduce()类似,但回调是从右到左而不是从左到右:



这是reduceRight() 的另一个很好的场景:



4. findLast()

ES13 中的新增功能:从最后一个元素开始查找数组项。


非常适合从结束位置搜索比使用 find() 产生更好性能的情况:


例子:



这是可行的,但由于我们的目标对象更接近数组的尾部,findLast() 应该运行得更快:



findLast() 的另一个用例是当我们必须从末尾专门搜索数组以获得正确的元素时。


例如,如果我们想查找数字列表中的最后一个偶数,find() 将产生完全错误的结果:



但 findLast() 将从末尾开始搜索并为我们提供正确的项目。


5. toSorted()、toReversed()、toSpliced()

ES2023 完全包含了 sort()、reverse() 和 splice() 的不可变版本。


好吧,也许 splice() 的使用不如其他方法那么多,但它们都会就地改变数组。



不变性为我们提供了可预测且更安全的代码;调试要容易得多,因为我们确定某些变量永远不会改变它们的值。


参数完全相同,但 splice() 和 toSpliced() 的返回值必须不同。



6.lastIndexOf()

lastIndexOf() 方法返回可以在数组中找到特定元素的最后一个索引。


我们可以将第二个参数传递给lastIndexOf()来指定数组中的一个索引,在该索引之后它应该停止搜索字符串:



7. flatMap()

flatMap() 方法使用给定的回调函数转换数组,然后将转换后的结果展平一级:



在数组上调用 flatMap() 与调用 map() 后跟深度为 1 的 flat() 执行相同的操作,但它比单独调用这两个方法更有效。



它们还不是那么出名,但它们有其独特的用途并且非常强大。

喜欢wecode朋友的这个贴子的话, 请点这里投票,“赞”助支持!

内容来自网友分享,若违规或者侵犯您的权益,请联系我们

所有跟帖:   ( 主贴楼主有权删除不文明回复,拉黑不受欢迎的用户 )


用户名: 密码: [--注册ID--]

标 题:

粗体 斜体 下划线 居中 插入图片插入图片 插入Flash插入Flash动画


     图片上传  Youtube代码器  预览辅助



[ 留园条例 ] [ 广告服务 ] [ 联系我们 ] [ 个人帐户 ] [ 创建您的定制新论坛频道 ] [ Contact us ]