JavaScript基础系列(二) 数组常用方法小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。本文同时参

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

本文同时参与 「掘力星计划」 ，赢取创作大礼包，挑战创作激励金

前言

本章和vike一起来看看数组常用方法

数组常用方法

增
- 对原数组产生影响的方法
  - push
  - push方法接收任意量的参数并将参数加入数组末尾，返回最新数组长度
```
let arr = []
arr.push(1,2,3)  // 3
```
  - unshift
  - 在数组开头添加任意多个值返回最新长度的数组
```
let arr = [4,5]
arr.unshift(1,2,3) // 5
arr // [1,2,3,4,5]
```
  - splice
  - 传入三个参数开始位置要删除的元素插入的元素返回一个空数组
```
let arr = [1,2]
arr.splice(0,0,1,2,3) //[]
arr // [1,2,3,1,2]
```
- 对原数组没有影响的方法
  - concat
  - 创建一个数组的副本把参数添加到末尾返回新的数组
```
let arr = [1,2,3]
let arr2 = arr.concat(4,5,6)
arr // [1,2,3]
arr2 // [1,2,3,4,5,6]
```
删
- 对原数组产生影响的方法
  - pop
  - 删除数组最后一项返回被删除的元素
```
let arr = [1,2,3]
arr.pop() // 3
```
  - shift
  - 用于删除数组第一项返回被删除的元素
```
let arr = [1,2,3]
arr.shift() // 1
```
  - splice
  - 传入两个元素开始位置删除元素的数量返回删除元素的数组
```
let arr = [1,2,3,4]
arr.splice(0,2) // [1,2]
```
- 对原数组没有影响的方法
  - slice
  - 创建一个新数组接收两个参数开始位置结束位置
```
let arr = [1,2,3]
arr.slice(1) // [2,3]
arr // [1,2,3]
```
改
- 修改原数组的内容 splice
- 传入三个参数开始位置要删除的元素插入的元素返回一个空数组 js let arr = [1,2,3] arr.splice(0,1,2) arr // [2,2,3]
查
- 查找元素
- indexOf
- 返回查找元素在数组中的位置如果没找到返回-1
```
   let arr = [1,2,3]
   arr.indexOf(2)  // 1
```
- includes
- 查找元素是否在数组中找到返回true 否则为false
```
   let arr = [1,2,3]
   arr.includes(2)  // true
```
- find
- 返回第一个匹配的元素接受一个回调函数
```
   let arr = [1,2,3,1]
   arr.find((e)=>{
       return e>0
   }) // 1
```

排序方法

对元素重新排序
reverse

将数组元素反转

let arr = [1,2,3]
arr.reverse() //[3,2,1]

sort

接受一个比较函数用于判断哪个值在前面

let compare = (value1,value2)=> {
    if(value1 < value2) {
        return -1
    }else if(value1 > value2) {
        return 1
    }else {
        return 0
    }
}

let arr = [8,3,9,7]
arr.sort(compare)
arr // [3,7,8,9]

数组迭代方法

some
每个元素都传入函数如果由一个元素满足条件则返回true
```
let arr = [1,2,3]
arr.some((item,index,array)=>{item > 2 }) // true
```
every
每个元素都传入函数如果每一个元素满足条件则返回true
```
let arr = [1,2,3]
arr.every((item,index,array)=>{item > 0}) // true
```
forEach

每个元素都传入函数没有返回值

let arr = [1,2,3]
arr.forEach((item,index,array)=>{
    // do something
})

filter

每个元素都传入函数满足条件的元素会组成数组返回

let arr = [1,2,3]
arr.filter((item,index,array)=>{
    item > 1
}) // [2,3]

map

每个元素都传入函数返回每次函数调用的结果组成的数组

let arr = [1,2,3]
arr.map((item,index,array)=>{
    return item * 2
}) // [2,4,6]

结语

今日份小知识get~