返回

文章管控数组方法，JS高手必备！

前端

剖析最常用的JS数组方法

使用JavaScript进行数组操作是程序设计中经常遇到的任务，很多同学一上来就“降维”，从遍历（for）到使用方法（for-each），最后不满足了再尝试“高维”的方法（map、reduce），但总觉得有很多词句说明都没听过。今天，我们就来整顿一下常用的JavaScript数组方法，通过表格，让你一目了然。

JavaScript中数组有许多有用的方法，它们可以帮助我们轻松地操纵数据。这些方法包括：

方法名 读音 方法作用 返回值 是否多个参数 是否为新数组 改不改变原有数组
add /ad/ 添加一个或多个元素到数组的末尾 新的数组 是 是 否
Array /array/ 用一个可迭代对象创建数组 新的数组 是 是 否
concat /concat/ 将一个或多个数组合并到当前数组中 新的数组 是 是 否
copyWithin /copywithin/ 从数组的某个位置拷贝元素到另一个位置 当前数组 是 否 是
entries /entries/ 返回数组的键值对迭代器 迭代器对象 否 否 否
every /every/ 检测数组中的每个元素是否都满足某个条件 布尔值 是 否 否
fill /fill/ 用一个值填充数组的所有元素 当前数组 是 否 是
filter /filter/ 创建一个包含数组中满足某个条件的所有元素的新数组 新的数组 是 是 否
find /find/ 返回数组中第一个满足某个条件的元素 元素值 是 否 否
findIndex /findindex/ 返回数组中第一个满足某个条件的元素的索引 索引值 是 否 否
forEach /foreach/ 对数组中的每个元素执行一次指定的操作 undefined 是 否 否
from /from/ 从一个可迭代对象创建数组 新的数组 是 是 否
includes /includes/ 检查一个值是否在数组中 布尔值 是 否 否
indexOf /indexof/ 返回数组中第一个匹配指定值的元素的索引 索引值 是 否 否
join /join/ 将数组中的所有元素连接成一个字符串 字符串 是 否 否
keys /keys/ 返回数组的键名迭代器 迭代器对象 否 否 否
lastIndexOf /lastindexof/ 返回数组中最后一个匹配指定值的元素的索引 索引值 是 否 否
length /length/ 返回数组的长度 数字 否 否 否
map /map/ 创建一个包含数组中每个元素经过某个函数处理后的结果的新数组 新的数组 是 是 否
pop /pop/ 移除并返回数组的最后一个元素 元素值 否 否 是
push /push/ 添加一个或多个元素到数组的末尾 新的数组长度 是 否 是
reduce /reduce/ 将数组中的所有元素累积为一个值 值 是 否 否
reduceRight /reduceright/ 将数组中的所有元素从右到左累积为一个值 值 是 否 否
reverse /reverse/ 反转数组中的元素顺序 当前数组 否 否 是
shift /shift/ 移除并返回数组的第一个元素 元素值 否 否 是
slice /slice/ 返回数组中指定范围的元素 新的数组 是 是 否
some /some/ 检测数组中是否有任何元素满足某个条件 布尔值 是 否 否
sort /sort/ 对数组中的元素进行排序 当前数组 是 否 是
splice /splice/ 从数组中移除元素或添加元素 当前数组 是 否 是
toLocaleString /tolocalestring/ 将数组转换为本地化的字符串表示 字符串 否 否 否
toString /tostring/ 将数组转换为字符串 字符串 否 否 否
unshift /unshift/ 添加一个或多个元素到数组的开头 新的数组长度 是 否 是
values /values/ 返回数组的键值对的只含值的迭代器 迭代器对象 否 否 否