千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 你必须知道的10种重要的JavaScript数组方法

你必须知道的10种重要的JavaScript数组方法

来源:千锋教育
发布人:syq
时间: 2022-09-15 14:22:45 1663222965

  重要的 JavaScript 数组方法:映射(),forEach(),减少(),过滤器(),排序(),包括(),查找(),索引的(),一些(),连接()

JavaScript数组方法

  数组方法在 JavaScript 中是不可或缺的,并且有许多数组方法。对于忙碌的初学者,我选择了10种最常见的数组方法,您必须学习这些方法以节省时间。

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

  阵列映射()

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

  示例用例

  您有一个客户列表,您有他们的名字,并且您希望将每个客户的姓氏设置为“Smith”。

您必须知道的10种重要的JavaScript数组方法362

  Array.forEach()

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

  示例用例

  您希望打印列表中每个客户的姓名,并且不需要新阵列。

您必须知道的10种重要的JavaScript数组方法467

  数组.reduce()

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

  reduce 方法接受两个参数:回调和初始值 (),回调采用 4 个参数、累加器、当前值、当前索引和初始值。简而言之,此方法将数组简化为返回一个值。arr.reduce(callback, initialValue

  由于讨论 reduce() 方法的所有好处需要一篇单独的文章,因此我在这里只讨论两个代表性的用例。

  示例用例

  在没有初始值的情况下计算总和

您必须知道的10种重要的JavaScript数组方法709

  2. 拼合数组

您必须知道的10种重要的JavaScript数组方法719

  数组过滤器()

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

  示例用例

  您想从客户列表中删除特定客户,例如玛丽。因此,在回调中,您保留每个不等于玛丽的名字。

您必须知道的10种重要的JavaScript数组方法843

  数组.排序()

  方法名称本身就说明了这一点,它用于对数组进行排序。

  示例用例

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

您必须知道的10种重要的JavaScript数组方法915

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

您必须知道的10种重要的JavaScript数组方法976

  Array.includes()

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

  示例用例

  您想知道数组中是否包含 Mary。

您必须知道的10种重要的JavaScript数组方法1060

  阵列查找()

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

  示例用例

  您需要获取长度为四个字母的客户名称。

您必须知道的10种重要的JavaScript数组方法1173

  数组索引()

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

  示例用例

  你想检查Jane是否在你的客户名单上,这样你就可以给她定制折扣。

您必须知道的10种重要的JavaScript数组方法1269

  数组.一些()

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

  示例用例

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

您必须知道的10种重要的JavaScript数组方法1411

  Array.concat()

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

  示例用例

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

您必须知道的10种重要的JavaScript数组方法1517

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT
开班信息
北京校区
  • 北京校区
  • 大连校区
  • 广州校区
  • 成都校区
  • 杭州校区
  • 长沙校区
  • 合肥校区
  • 南京校区
  • 上海校区
  • 深圳校区
  • 武汉校区
  • 郑州校区
  • 西安校区
  • 青岛校区
  • 重庆校区
  • 太原校区
  • 沈阳校区
  • 南昌校区
  • 哈尔滨校区