js中的数组方法

js中数组方法大全

平常在写代码的时候，我们经常会用到数组这个类型，那么数组到底有多少方法，方法各自的作用又是什么呢？

1. toString

作用： 把数组转换为数组值（逗号分隔）的字符串。

示例： Array.toString()

2. join

作用： 将所有数组元素结合为一个字符串。区别与toString ，join可以规定分隔符。

示例： Array.join(‘,’)

3. Popping 和 Pushing

pop方法： 从数组中删除最后一个元素；

push方法:（在数组结尾处）向数组添加一个新的元素。

4. shift

会删除首个数组元素，并把所有其他元素“位移”到更低的索引。

5. unshift

方法（在开头）向数组添加新元素，并“反向位移”旧元素。

6. delete

作用：删除指定的元素，并且把当前元素变成undefined

缺点： 会把当前元素变成未定义的空洞，不会变更其他元素的索引下标。

7. splice

作用： 删除数组指定元素或者同时添加新元素进入数组

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

第一个参数（2）定义了应添加新元素的位置（拼接）。

第二个参数（0）定义应删除多少元素。

其余参数（“Lemon”，“Kiwi”）定义要添加的新元素。

splice() 方法会返回一个包含已删除项的数组。

使用splice方法来删除数组指定项：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // 删除 fruits 中的第一个元素

8. concat

作用： 通过合并（连接）现有数组来创建一个新数组。

注意点： 不会更改现有数组，它总是返回一个新数组；可以使用任意数量的数组参数；

9. slice

作用： 用数组的某个片段切出新数组。

注意点： 它不会从源数组中删除任何元素。

10. reverse

作用： 翻转数组，将数组倒置。

注意点： 会改变原数组。

11. sort

作用： 冒泡排序

注意点：这个方法里面的参数可有可无，默认情况下的排序方式是根据位来进行排序，而非值的大小，先比较第一位数字在前，字母在后，若相同则比较后面位(实际是比较各个值转化为字符串后的各个位点的unicode位点)；若传参，则参数为一个方法：

完整示例：

const a = [31, 22, 27, 1, 9]
a.sort((a, b)=>{
  return a - b
})

12. findIndex

作用： 返回数组中第一个匹配fn函数中条件的索引没有则返回undefined(不改变原数组)

13. includes

作用： 返回一个布尔值，表示某个数组是否包含给定的值(不改变原数组)

14. some

作用： 检查数组中是否含有满足fn函数条件的值(不改变原数组)

15. forEach

作用： 遍历数组(不改变原数组)

16. map（fn）

作用： 以fn函数中返回值组成新的数组返回(不改变原数组)

以上就是我们经常会用到的数组方法。