在这篇文章里,我将与你分享 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国际技术”致力于与你共享高质量的技术文章

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

目录
相关文章
|
11天前
|
存储 JavaScript 索引
JS中数组的相关方法介绍
JS中数组的相关方法介绍
|
12天前
|
JavaScript Java
JS有趣的灵魂 清空数组
JS有趣的灵魂 清空数组
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
2月前
|
JavaScript 前端开发
JS将两个数组和合并成数组包对象格式的方法
JS将两个数组和合并成数组包对象格式的方法
26 0
|
1月前
|
存储 JavaScript 前端开发
在JavaScript中,对象和数组是如何进行扩展的?
在JavaScript中,对象和数组是如何进行扩展的?
22 4
|
1月前
|
JavaScript
JS数组增删方法的原理,使用原型定义
JS数组增删方法的原理,使用原型定义
|
5天前
|
JavaScript 前端开发 索引
JavaScript 数组中的增、删、改、查
JavaScript 数组中的增、删、改、查
|
19天前
|
JavaScript 前端开发
JavaScript数组的功能内置类型
数组是JavaScript的内置类型,JavaScript数组的功能特别强大。下面简单介绍一下JavaScript数组。
|
19天前
|
存储 JavaScript 前端开发
在浏览器中存储数组和对象(js的问题)
在浏览器中存储数组和对象(js的问题)
|
29天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可为任意类型,有序且支持get、set、has、delete操作;Set存储唯一值,提供add、delete、has方法。两者皆可迭代。示例展示了Map和Set的基本用法,如添加、查询、删除元素。
15 2