10个你必须要知道的重要javascript数组方法(代码片段)

@大迁世界 @大迁世界     2022-11-05     213

关键词:

数组方法在 JavaScript 中是必不可少的,数组方法有很多。对于忙碌的初学者,我选择了 10 种最常见的数组方法,你必须学习它们,这些可以帮助你提升学习效率,节省时间。

为了便于理解,我为每个数组方法提供了一个示例用例。

01、Array.map()

通过调用回调函数,map() 方法循环遍历原始数组并在数组的每个元素上调用该函数。由于它是一种非变异方法,因此它会创建一个新数组并且不会更改原始数组。简而言之,当你想要转换数组中的所有值时使用它。

示例用例

如果有一个客户列表,你有他们的名字,并且你想将每个客户的姓氏设置为“Smith”。

02、Array.forEach()

这与 map() 方法非常相似,它也对每个元素执行一次函数,除了它在原地改变原始数组,它不会创建新数组。

示例用例

如果你想打印列表中每个客户的姓名,并且不需要新数组。

03、Array.reduce()

Reduce 是最强大和最灵活的方法,因为它可以用来重新实现所有现有的数组方法,但它也是最难理解的。

reduce方法接受两个参数:一个回调和一个初始值(arr.reduce(callback, initialValue),回调有4个参数,累加器、当前值、当前索引和初始值。简单来说,这个方法减少了数组返回一个值。
由于讨论 reduce() 方法的所有好处需要单独写一篇文章,因此,我将在这里仅讨论两个具有代表性的用例。

示例用例

1)计算没有初始值的总和


2)展平数组


Array.filter()

显然,当你需要过滤掉值时,会使用 filter() 方法。只需将测试函数作为回调传递,它将返回一个等于 true 的值以保留元素。

示例用例

你想从客户列表中删除特定客户,例如 Mary。因此,在回调中,你保留所有不等于 Mary 的名称。

05、Array.sort()

方法名称不言自明,它用于对数组进行排序。

示例用例

你有一个列出每个客户年龄的数组,你希望按升序对其进行排序。


请注意,使用不带回调的 array.sort() 将产生不同的结果,该结果仅根据第一个数字进行排序,而不是实际值。

06、Array.includes()

includes() 方法通过取值来确定数组是否包含某些元素。它返回一个布尔值。

示例用例

如果你想知道 Mary 是否包含在数组中。

07、Array.find()

使用 find() 方法,我们可以在数组中搜索某些内容。它接受一个测试函数,并返回提供的数组中与条件匹配的第一个元素。换句话说,它不会返回所有满足测试的元素。

示例用例

如果你需要获得一个长度为四个字母的客户名称。

08、Array.indexOf()

这是另一种在数组中搜索内容的方法,但这次它返回索引。如果在数组中没有找到该元素,则返回 -1。

示例用例

如果你想检查 Jane 是否在你的客户列表中,以便你可以为她提供定制的折扣。

09、Array.some()

some() 方法测试数组中是否至少有一个元素与特定条件匹配。它与 include 方法不同,因为它需要条件或测试功能,但不需要值。如果条件满足则返回真,否则返回假。

示例用例

当你要检查是否至少有一个客户的名字以“s”开头时,使用此方法。

10、Array.concat()

当你想要合并两个或多个数组时使用contact() 方法。

示例用例

如果你有两个数组,一个包含男性客户,另一个包含女性客户,现在,你想要合并这些数组,以便一个数组包含所有客户。

别炫砂糖橘了,快来看看这10个你必须要会的测试工具...

新年快乐!相信最近大热的砂糖橘大赛你也影响了不少,躺平在床上开炫砂糖橘了。但是假期肉眼可见的短暂,相信有很多人都已经奔赴在了工作的战场上,还是想跟在家烤火炫砂糖橘的人说,是时候学习了... 查看详情

14个你必须要知道的ubuntu快捷键

文章目录1、Super键:打开活动搜索界面2、Ctrl+Alt+T:打开Ubuntu终端窗口3、Super+L或Ctrl+Alt+L:锁屏4、Super+DorCtrl+Alt+D:显示桌面5、Super+A:显示应用程序菜单6、Super+Tab或Alt+Tab:... 查看详情

你必须要知道的10款app开发框架

对于大部分Web开发人员,HTML、CSS和Javascript是他们最熟练的开发技能。然而,开发一个原生的移动App,对他们来说却是完全陌生的领域。因为开发Android,iOS或WindowsPhone上的原生App(app开发公司ty300.com),需要掌握完全不同的开发... 查看详情

关于http协议,你必须要知道的(代码片段)

引言HTTP协议是HyperTextTransferProtocol(超文本传输协议)的缩写,是用于从万维网服务器传输超文本到本地浏览器的传送协议。HTTP是基于TCP/IP协议通信协议来传递数据(HTML文件,图片文件,查询结果等)。它不涉及数据包(packet)传... 查看详情

你必须要知道的雪崩穿透预热更新降级

以前总觉得,写得一手好Java代码,走遍天下都不怕,后来随着时间得推移,才意识到程序的高效性流畅性才是最重要最重要的。所有的技术都是前人不断实践突破革新留下的产物,它们的存在以及运用一定有... 查看详情

深入集合类系列——你必须要知道的两棵继承树

查看详情

18个你需要知道的javascript优化技巧(代码片段)

本文来源于个人多年的JavaScript编码技术经验,适合所有正在使用JavaScript编程的开发人员阅读。本文的目的在于帮助大家更加熟练的运用JavaScript语言来进行开发工作。1.多个条件的判断当我们需要进行多个值的判断时,我... 查看详情

关于程序国际化你必须要知道这事

银弹谷零代码开发平台V百科|新功能:关于国际化你必须要知道这事小张最近有一个烦恼!他们公司最近接了一个跨国合作的项目,小张因为业绩优秀英语功底扎实,也有多年做项目的经验,所以就被领导派去做项目负责人。但... 查看详情

关于ffmpeg-php你必须要知道的

1#PHPFFmpeg23[![BuildStatus](https://secure.travis-ci.org/PHP-FFMpeg/PHP-FFMpeg.png?branch=master)](http://travis-ci.org/PHP-FFMpeg/PHP-FFMpeg)45[![SensioLabsInsight](https://insight.sensiolabs.com/pr 查看详情

关于配置,你必须要知道这一点....(代码片段)

kafka管控平台推荐使用滴滴开源的Kafka运维管控平台(戳我呀)更符合国人的操作习惯、更强大的管控能力、更高效的问题定位能力、更便捷的集群运维能力、更专业的资源治理、更友好的运维生态、BliBli视频:石臻臻的杂货铺kafka的... 查看详情

oracle!你必须要知道的knowledgepoints(入门篇)(代码片段)

一、入门oracle有四个用户,分别为sys、system、sysman和scott,其中sys是oracle权限最高的用户,类似于Linux系统的root,scott是实例用户,上课就以这个用户里的三张员工表empno、dept、salgrade作为示例来授课。启动服务1.快捷键ctrl+alt+del打... 查看详情

oracle!你必须要知道的knowledgepoints(下)(代码片段)

子查询什么是子查询当查询中的限制条件需要另一个查询提供时,我们可以把两个查询语句嵌套起来,提供条件的查询语句作为子查询。子查询,也叫内部查询,先于主查询执行,子查询的结果被用于主查询。子查询分为单行子... 查看详情

想要节省空间,你必须要知道——动态内存管理(附通讯录动态内存版源码)(代码片段)

想要节省空间,你必须要知道——动态内存管理(附通讯录动态内存版源码)1.    为什么存在动态内存分配2.    动态内存函数的介绍2.1    malloc2.2    freemalloc和free通常配合一起使用:2.3    calloc2.4   ... 查看详情

在做自动化测试之前你必须要知道的事

做测试好几年了,真正学习和实践自动化测试一年,自我感觉这一个年中收获许多。我们更普遍的认识把“自动化测试”看做“基于产品或项目UI层的自动化测试”。 UI层的自动化测试,这个大家应该再熟悉不过... 查看详情

作为web开发人员,你必须要知道的问题!(持续更新)

GET和POST的区别 GET请注意,查询字符串(名称/值对)是在GET请求的URL中发送的:/test/demo_form.asp?name1=value1&name2=value2GET请求可被缓存GET请求保留在浏览器历史记录中GET请求可被收藏为书签GET请求不应在处理敏感数据时使用GET... 查看详情

你必须要知道的软件测试3个主流方式

在产品项目的最后推进过程中,会经过一系列的测试来判断以及优化产品,在测试中使产品的属性特征最优化,最终达到吸引更多客户的目的;本文作者分享了三种软件测试的主流方式,我们一起来了解一下... 查看详情

这10个奇妙的python库,你必须要试试!

导读:Python有着很多很酷的第三方库,可以使任务变得更容易。今天就给大家分享10个有趣的Python库,每个都非常实用!作者:小F来源:法纳斯特(ID:walker398)这10个库分别是speedtest、socket、te... 查看详情

德到课堂---你必须要懂的十大职场生存法则

德到领袖与你分享:你必须要懂的十大职场生存法则在职场中,总需要有一些生存规则,那么什么样的生存法则才适用呢,今天就来分享一下你必须要懂的十大职场中的生存规律。01十大职场生存规律第一:男女搭档干活不累。... 查看详情