总结回顾js arr的常见方法以及相关的使用场景（一）

灰太狼 2023-06-03 15:55 10阅读 0赞

**Array对象方法**

**1.arr.concat()**

连接两个或更多的数组，**并返回结果。**

*  连接数组中的值
 *  连接两个数组
 *  连接三个数组

**2.arr.join()**

把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。**并返回一个字符串**

通常用作数组转字符串的方法。(以下是经常会用到的)

// arr 变 str
    arr.join()
    // str 变 arr
    str.split(',')

**3.arr.push()**

向数组的**末尾**添加一个或更多元素，并**返回新的长度。记住push()直接修改了arrayObject,而不是创建一个新的数组**

![1602870-20190914154601864-1242313748.png][]

![1602870-20190914155738711-885923706.png][]

4**.arr.unshift()**

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

![1602870-20190914154933822-433727872.png][]

**![1602870-20190914155841347-271564406.png][]**

**5.arr.pop()**

用于**删除并****返回数组的最后一个元素。**

**![1602870-20190914155410193-448492300.png][]**

** 6.arr.shift()**

用于把**数组的第一个元素**从其中**删除**，**并返回第一个元素的值。**

**![1602870-20190914160221256-554373788.png][]**

** 7.arr.slice(start, end)**

可从已有的数组中返回选定的元素。注意：-1就是最后一个元素。。。

![1602870-20190914161151162-1863355929.png][]

![1602870-20190914161243085-748340436.png][]

** 8.arr.splice()**

**删除元素，并向数组添加新元素**。记住**返回的是删除的那个元素所形成的一个新的数组**

**![1602870-20190914161811467-1942542535.png][]**

//这个方法很强大，可以删除任意位置上的元素
    //同时也可以在任意位置取添加一个元素

**![1602870-20190914162324998-1753867444.png][]**

** 9.arr.sort(fn)**

*  按照数字大小排序(从小到大)
 *  按照英文字母顺序排序（a到z）
 *  按照fn

**10.arr.reverse()**

颠倒数组中元素的顺序。该方法会改变原来的数组，而不会创建新的数组。返回新的结果

![1602870-20190914162926805-376035385.png][]

**11.arr.toString()**

可把数组转换为字符串，并返回结果

![1602870-20190914163211736-1542433165.png][]

中秋假期快乐！

转载于:https://www.cnblogs.com/sweet-ice/p/11519488.html

[1602870-20190914154601864-1242313748.png]: /images/20230601/916d35057fb14796841c1038ec3b79bb.png
[1602870-20190914155738711-885923706.png]: /images/20230601/2e66a89de7ef4e919937391f083c98d0.png
[1602870-20190914154933822-433727872.png]: /images/20230601/8e39b45d238b41148e1460ed7d80dc3c.png
[1602870-20190914155841347-271564406.png]: /images/20230601/b315fa774f6540079e49c3e1c585e9fc.png
[1602870-20190914155410193-448492300.png]: /images/20230601/668372d2fffa4149aca44a77a872400e.png
[1602870-20190914160221256-554373788.png]: /images/20230601/b155aa42be18400284544cde945588ca.png
[1602870-20190914161151162-1863355929.png]: /images/20230601/1bae46997be74489b85a6a8e4ed9916f.png
[1602870-20190914161243085-748340436.png]: /images/20230601/62b1caed66284894bdfdfc5fb528fa16.png
[1602870-20190914161811467-1942542535.png]: /images/20230601/5a5734bc492b4773a97c3382b2ca38c1.png
[1602870-20190914162324998-1753867444.png]: /images/20230601/2b8573006d4d4ae9ab0bb155f403a23b.png
[1602870-20190914162926805-376035385.png]: /images/20230601/5fb41febad5d4af29ee514dea96ff64c.png
[1602870-20190914163211736-1542433165.png]: /images/20230601/53f7ca0cbd484a5c849beef727dff6df.png