在这篇文章里,我将与你分享 10 个你不可不知的 JavaScript 数组方法。

简介: 在这篇文章里,我将与你分享 10 个你不可不知的 JavaScript 数组方法。

image.png

原文作者:Frugence

译者:UC 国际研发 Jothy


在这篇文章里,我将与你分享 10 个你不可不知的 JavaScript 数组方法。

如果你对数组一无所知,你可以先看看数组的介绍。

以下是 10 个你无论如何都该知道的 JavaScript 数组方法。

1、forEach() 此方法可帮你遍历数组的元素。

image.png

2、includes() 此方法可用于判断数组中是否包含我们传递给它的元素。

image.png

3、filter() 此方法会创建一个新的数组,该数组中仅包含能通过传入方法校验条件的元素。

image.png

4、map() 此方法会创建一个新数组,对数组中的每一个元素都调用传入的方法。

image.png

5、reduce()

reduce() 方法会对累加器(译者注:方法内置的)和数组中的每一个元素(从左到右)应用一个方法,将其简化为单个的值。——MDN

image.png

6、some() 该方法会检查数组中是否至少有一个元素能通过条件校验。如果是则返回true,否则返回false。

image.png

7、every() 该方法判断是否数组中的所有元素都能通过条件校验。如果是则返回true,否则返回false。

image.png

8、sort() 此方法用于对数组的元素进行升序或降序的排列/整理。

image.png

image.png

9、Array.from() 此方法会把所有类数组或者可迭代对象变成真正的数组。特别是用它处理 DOM 的时候,你就可以对其使用诸如 reduce、map、filter 等等数组方法了。

image.png

处理 DOM

image.png

10、Array.of() 此方法会用每个传递给它的参数创建数组。

image.png

英文原文:

http://frugencefidel.com/blogs/10-javascript-array-methods-you-should-know

“UC国际技术”致力于与你共享高质量的技术文章

欢迎关注我们的公众号、将文章分享给你的好友

目录
相关文章
|
6天前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
14 2
|
9天前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
15 3
|
11天前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
30 4
|
9天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
21 1
|
13天前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
20 5
|
16天前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
13 3
|
15天前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
27 1
|
17天前
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
15 0
|
23天前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
20 3
|
1月前
|
存储 缓存 JavaScript
JavaScript 中数组方法的常见优化技巧
JavaScript 中数组方法的常见优化技巧