2025年数组方法slice splice（数组方法filter）

大家好，我是讯享网，很高兴认识大家。

在前端开发中，数组是一种常见且重要的数据结构。数组提供了许多便捷的方法来操作和处理其中的数据。本文将简单介绍前端中数组常用的API，包括添加、删除、截取、合并、转换等操作。

关于的API，大家可以去看这篇文章。JS中字符串28种常用API总结。

push()方法用于向数组末尾添加一个或多个元素，并返回修改后的数组的。

pop() 方法用于删除并返回数组的最后一个元素。

讯享网

shift() 方法用于删除并返回数组的元素。

unshift() 方法用于向数组的一个或多个元素，并返回修改后的数组的新长度。

讯享网

slice() 方法用于从数组中截取指定位置的元素，返回一个新的数组。

语法是：，其中，和都是可选参数，表示选取的元素的起始位置和结束位置。如果不传入参数则默认选取整个数组。该方法返回的是一个新的数组，包含从到（）的元素。

splice() 方法用于从数组中删除、替换或添加元素，并返回被删除的元素组成的数组，它会直接修改原数组。

语法：

其中，start表示要修改的起始位置，deleteCount表示要删除的元素个数，item1、item2等表示要添加的元素。如果，则表示只添加元素，不删除元素。

讯享网

join() 方法用于将数组中的所有元素以指定的分隔符连接成一个。

concat() 方法用于合并两个或多个数组，返回一个新的数组。

讯享网

forEach() 方法用于对数组中的每个元素执行一个回调函数。

map() 方法用于对数组中的每个元素执行一个回调函数，并返回一个新的数组，新数组中的元素为回调函数的返回值。

讯享网

filter() 方法用于筛选、过滤数组中符合条件的元素，并返回一个新的数组。

reduce() 方法是数组对象的一个方法，用于将数组中的所有元素按照指定的规则进行归并计算，返回一个最终值。

语法：

该方法接收两个参数，第一个参数是一个回调函数，第二个参数是一个初始值。回调函数中可以接收四个参数，分别是：

initialValue是初始值，可选参数。

讯享网

JS中的fill方法可以填充一个数组中的所有元素，它会直接修改原数组。

语法：

其中，value表示要填充的值，start和end表示要填充的起始位置和结束位置。如果不传入start和end，则默认填充整个数组。该方法返回的是被修改后的原数组。

includes方法用于检查数组中是否包含某个元素，如果包含则返回 true，否则返回 false。

与 indexOf() 方法不同，includes() 方法不支持指定起始位置，它从数组的开头开始搜索。

讯享网

需要注意的是，indexOf方法只会返回第一个匹配项的位置。如果数组中存在多个相同的元素，该方法只会返回第一个元素的位置。

此外，indexOf方法还可以接受一个可选的第二个参数，用于指定从哪个位置开始查找。

lastIndexOf() 方法用于查找数组中某个元素最后一次出现的索引（位置），如果找到则返回该索引值，否则返回 -1。

讯享网

findIndex() 方法用于查找数组中满足条件的元素的索引，如果找到则返回该索引值，否则返回 -1。

sort() 方法用于对数组进行原地排序，会直接修改原始数组，而不会创建新的数组。默认情况下，它将数组元素视为字符串，并按照 Unicode 码点进行排序。但是，可以传入自定义的比较函数来实现基于其他规则的排序。

：比较函数接收两个参数，通常被称为 a 和 b，表示进行比较的两个元素。它应该返回一个负数、零或正数，表示 a 应该在 b 之前、与 b 相同位置还是在 b 之后。比较函数的返回值规则如下：

讯享网

reverse() 方法用于反转数组中的元素顺序，即将数组元素进行逆序排列。

toString方法将数组转换为一个由数组元素组成的字符串，元素之间用逗号分隔。

讯享网

toLocaleString方法将数组转换为一个由数组元素组成的字符串，元素之间同样用逗号分隔，但是它会根据当前环境的语言和地区设置来决定元素的格式。

Array.from() 是 JavaScript 中一个用于从创建新数组的静态方法。它接收一个可迭代对象或类数组的对象，并返回一个新的数组实例。

讯享网

讯享网

本文介绍了前端中数组常用的 API，涵盖了添加、删除、截取、合并、转换等常见操作。熟练掌握这些方法可以提高一定的开发效率。在实际开发中，请根据具体需求选择适合的数组方法。

能力一般，水平有限，本文可能存在纰漏或错误，如有问题欢迎指正，感谢你阅读这篇文章，如果你觉得写得还行的话，不要忘记点赞、评论、收藏哦！祝生活愉快！