JavaScript数组的常用方法总结：遍历，复制，反转，排序，添加，删除（前端常见面试题必考必问

本文主要是介绍JavaScript数组的常用方法总结：遍历，复制，反转，排序，添加，删除（前端常见面试题必考必问，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1. Array.push()

向数组的末尾添加一个或多个元素，并返回新的数组长度。原数组改变。

一个：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x=fruits.push("Kiwi");
console.log(fruits)//(5) ["Banana", "Orange", "Apple", "Mango", "Kiwi"]    
console.log(x)//5  x是 新的数组长度

多个：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x=fruits.push("Kiwi","Java");
console.log(fruits) //(6) ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Java"]  
console.log(x)   // 6 x是 新的数组长度

2. Array.unshift()，

向数组的开头添加一个或多个元素，并返回新的数组长度。原数组改变。

3.pop()

删除并返回数组的最后一个元素，若该数组为空，则返回undefined。原数组改变。

pop() 方法从数组中删除最后一个元素。

pop() 方法的返回值是已删除的项目。

4.Array.shift()，

删除数组的第一项，并返回第一个元素的值。若该数组为空，则返回undefined。原数组改变。

5.find()

find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行：

当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefined
注意: find() 对于空数组，函数是不会执行的。

注意: find() 并没有改变数组的原始值。

资料：

JavaScript find() 方法

6.Array.concat(arr1,arr2…)，

合并两个或多个数组，生成一个新的数组。原数组不变。

7.Array.join()，

将数组的每一项用指定字符连接形成一个字符串。默认连接字符为 “,” 逗号。

8.Array.reverse()，

将数组倒序。原数组改变。

9.Array.sort()，

对数组元素进行排序。按照字符串UniCode码排序，原数组改变。

①从小到大

②从大到小

③按照数组对象中的某个值进行排序

10.Array.map(function)，

原数组的每一项执行函数后，返回一个新的数组。原数组不变。（注意该方法和forEach的区别）。

11.Array.slice(start,end)，

从start开始，end之前结束，不到end；如果不给end值，从start开始到数组结束。start可以给负值，-1表示数组最后位置，-2表示倒数第二个，以此类推，顾前不顾后。

12.Array.splice(index,howmany,arr1,arr2…) ，

删除元素并添加元素，从index位置开始删除howmany个元素，并将arr1、arr2…数据从index位置依次插入。howmany为0时，则不删除元素。原数组改变。

13.Array.forEach(function)，

用于调用数组的每个元素，并将元素传递给回调函数。原数组不变。（注意该方法和map的区别，若直接打印Array.forEach，结果为undefined）。

14.Array.filter(function)，

过滤数组中，符合条件的元素并返回一个新的数组。

15.Array.every(function)，

对数组中的每一项进行判断，若都符合则返回true，否则返回false。

16.Array.some(function)，

对数组中的每一项进行判断，若都不符合则返回false，否则返回true。

17.Array.reduce(function)，

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

参考：

JavaScript 数组方法

​​​​​​js数组常用方法整理
js中数组常用方法总结
js中forEach，for in，for of循环的用法和区别（一个比较神奇的例子）
JS中 reduce() 的用法

简述forEach()、map()、every()、some()和filter()的用法
自定义ES6提供的数组方法（forEach、filter、map、some、every、find、findIndex）

这篇关于JavaScript数组的常用方法总结：遍历，复制，反转，排序，添加，删除（前端常见面试题必考必问的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！