js数组常用方法

【添加/删除】

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

图1  push的案例

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

图2  pop 的案例

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

图3   unshift  的案例  

4.　Array.shift()，删除数组的第一个元素，并返回第一个元素的值。若该数组为空，则返回undefined。原数组改变。

图4   shift的案例 

5.　Array.splice(index,howmany,arr1,arr2....) ，从数组中添加或删除元素。从index位置开始删除howmany个元素（howmany为0时，不删除元素），并将arr1、arr2...数据从index位置依次插入（插入后，arr1的下标是index的值）。原数组改变。

图5   splice的案例 

---

【分割】

6.　Array.slice(start,end)，从原数组中分割出一部分并返回。从start开始，end之前结束，即：[start , end）；如果不给end值，从start开始到数组结束。start和end都可以是负值，-1表示数组最后位置，-2表示倒数第二个，以此类推。原数组不变。

图6  slice的案例

---

【遍历】

7.　Array.forEach(function)，调用数组的每个元素，并将元素传递给回调函数。原数组不变。

图7  forEach的案例

8.　Array.map(function)，原数组的每个元素执行函数后，返回一个新的元素值组成新数组。原数组不变。

图8  map的案例  

两者异同：

两者都是类似于for循环，每个元素都会执行回调函数；

如果你要写return获取返回值就用map，不需要写return就用forEach。

---

【搜索】

9.　Array.indexOf(item[,start])：搜索数组中和item相同的第一个元素，并返回它的数组索引值（即下标）；start为可选值，闭区间。

图9    indexOf 的案例

10.　Array.find()：返回符合传入测试（函数）条件的第一个数组元素。

图10   find的案例

11.　Array.findIndex():返回符合传入测试（函数）条件的第一个数组元素索引值。

图11   findIndex的案例

---

【排序&翻转】

12.　Array.sort()，对数组元素进行排序。按照字符串Unicode码排序。原数组改变。

　　①从小到大

图11    sort 从小到大的案例  

　　②从大到小

图12     sort 从大到小的案例  

　　③默认顺序（字母升序）

图13     sort 默认顺序的案例

13.　Array.reverse()，将数组倒序。原数组改变。

图14     reverse的案例

参考文章：

https://www.runoob.com/jsref/jsref-obj-array.html

https://www.cnblogs.com/hexinhui/p/9516544.html

如果喜欢的话，就点个赞吧~