js数组常用方法

1.Array.isArray() 用于确定传递的值是否是一个Array

Array.isArray([1, 2, 3]);  
// true
Array.isArray({foo: 123}); 
// false
Array.isArray("foobar");   
// false
Array.isArray(undefined);  
// false

2.pop() 删除数组最后一个元素（改变原数组） 返回被删除的元素

let arr = [1, 2, 3]
let deleteitem = arr.pop() //3
console.log(arr) //[1,2]

3.shift() 删除数组的第一个元素 (改变原数组) 返回被删除的元素

let arr = [1, 2, 3]
let deleteitem = arr.shift()//1
console.log(arr)//2,3

4.push() 向末尾添加元素（改变原数组） 返回添加后的length

let arr = [1, 2, 3]
let thelength = arr.push(4)//4
console.log(arr)//1,2,3,4

5.unshift() 向数组开头添加元素（改变原数组） 返回添加后数组的length

let arr = [1, 2, 3]
let thelength = arr.unshift(4)//4
console.log(arr)//4,1,2,3

6.splice() 添加/删除/替换 当前数组改变

表达式 arr.splice(index, num, item1, item2, ...);

 参数说明

第一个参数为 一个整数，用来指定添加/删除元素的位置，可以用负数来从尾部开始数 必填参数
第二个参数为 删除元素的数量，若不想删除可以设置为0 可选参数
再后面的参数为 向数组添加的元素 可选参数
如果是删除操作,那么会把删除的元素放在一个新数组中返回。

1.操作的元素会包括开始的元素

2.如果数组的元素不够，会一直删除到数组的最后一位

 //删除元素
    let arrsplice = [1, 2, 3, 4, 5, 6]
    let before = arrsplice.splice(0, 3)// 删除 arrsplice 的前三个元素
    console.log(before)
    console.log(arrsplice)//删除后arraplice 为删除后的样子
    let after = arrsplice.splice(-1, 1)//删除最后一位
    console.log(after)
 
    //添加元素
    {
        let arr = [1, 2, 3, 4, 5]
        let addFromStart = arr.splice(0, 0, 7)//没有删除 并向第一位添加一个数值
        console.log(arr)//712345
        console.log(addFromStart)//[]
 
        let addFromEnd = arr.splice(-1, 0, 6)//从最后以为开始向前添加元素，
        console.log(arr)//7123465
        console.log(addFromEnd)//[]
    }
 
    //删除并添加 /替换
    {
        let arr = [1, 2, 3, 4, 5, 6, 7]
        let addAndeDelete = arr.splice(0, 1, 100)//[1]
        console.log(arr)//[100,2,3,4,5,6,7]
    }

7.fill()数组的填充 [改变原数组]

语法：arr.fill(value, start, end)

value    必需。填充的值。

start    可选。开始填充位置。

end  可选。停止填充位置 (默认为 array.length)

let arr = new Array(3)
arr.fill('填充')
console.log(arr)//["填充", "填充", "填充"]
arr.fill('位置', 0, 1)
console.log(arr)// ["位置", "填充", "填充"]

8.slice() 拷贝数组元素

两个参数为 复制索引开始 和复制索引结束

let a = [1, 2, 3, 4]
let b = a.slice(0, 2)
console.log(b)//1,2

9.join()将数组转换为字符串[不改变原数组]

let arr = [1, 2, 3, 4]
let b = arr.join('-')
console.log(b)//1-2-3-4
console.log(typeof b)//string

10.concat() 连接合并多个数组，返回新数组。[不改变原数组]

let a1 = [1, 2]
let a2 = [4, 5]
let a3 = [6, 7]
let a4 = a1.concat(a2, a3)
console.log(a4)// [1, 2, 4, 5, 6, 7]

11.toString() 方法可把数组转换为字符串，并返回结果。[不改变原数组]

let arr = ['xiao', 'hao', 'wen', 24]
let b = arr.toString()
console.log(b)//xiao,hao,wen,24

12.indexOf() 查找数组中某元素的第一个索引值。[不改变原数组] 如果没有就返回-1

let arr = [1, 2, 3, 4, 5, 6]
console.log(arr.indexOf(3))//2 
console.log(arr.indexOf(3, 3))//-1
console.log(arr.indexOf(8))//-1

13.forEach 按升序依次遍历数组中的值

语法 arr.forEach(function(value, index, arr), this);

value(必须): 当前遍历时的数组值。

index(可选): 当前遍历时的索引值。

arr(可选): 数组对象本身。

this(可选): 执行回调函数时的。

let arr = [ 1,2,3,4,5,6]
arr.forEach((value,index)=>{
console.log(value)//值
console.log(index)//下标
        })

14.map() 对数组中的每一个元素都进行处理，返回新的数组

语法: array.map(function(currentValue,index,arr), thisValue)

currentValue :必须。当前元素的值

index:可选。当前元素的索引值

arr:可选。当前元素属于的数组对象

thisValue:可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

let arr = [1,2,3,4,5]
let result = arr.map(item=> item*2)
console.log(result)//[2, 4, 6, 8, 10]

15.reduce()数组的累加器，合并成为一个值

语法 arr.reduce((total, value, index, arr), init)

参数 total(必须)：初始值，之后为上一次回调的返回值。

 value(必须): 数组元素的值。

 index(可选): 索引值。

arr(可选): 数组对象。

 init(可选): 初始值。

返回值 ：累加后的值

let arr = [1,2,3,4,5]
let sum = arr.reduce((total,value)=>total +value)
console.log(sum)//15

16.find()根据条件找到数组成员 

语法arr.find(function(value, index, arr), this);

参数值同froEach一样

返回值： find()返回第一个符合条件的数组成员，若不存在返回undefined。 findIndex()返回符合条件的数组成员的索引。

let arr= [1,2,3,4,5]
let result = arr.find(item=>item>3)
console.log(result)//4 第一个值