[Vue]中数组的操作用法

列举了在Vue操作数据时，对数组的一些方法

1.增加功能

在数组尾部增加 push()

push()：向数组的末尾添加一个或更多元素，并返回新的长度。

arr = [1,2,3,4,5]
arr.push(6) 
//arr [1,2,3,4,5,6]

在数组头部增加 unshift()

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

arr = [1,2,3,4,5]
arr.unshift(0) 
//arr [0,1,2,3,4,5]

2.删除功能

删除数组尾部 pop()

pop()：删除并返回数组的最后一个元素。

arr = [1,2,3,4,5]
num = arr.pop() 
// arr [1,2,3,4] 
// num 5

删除数组头部 shift()

shift()：删除并返回数组的第一个元素。

arr = [1,2,3,4,5]
num = arr.shift() 
// arr [2,3,4,5] 
// num 1

满足某个条件的删除

可以用filter()：创建一个新数组，其包含通过所提供函数实现的测试的所有元素。

arr = [1,2,3,4,5]
//不包含3
arr = arr.filter(item=>
 return item!=3
) 
//arr [ 1, 2, 4, 5 ]

3.数据求和 reduce()

reduce()：对累加器和数组中的每个元素（从左到右）应用一个函数，将其减少为单个输出值。

arr = [1,2,3,4,5]
//所有数求和
num = arr.reduce((total,item)=>{ 
            return total + item
        } ,0)    
// num 15

// 有条件进行求和
// 对>2的值进行求和
arr = [1,2,3,4,5]
num = arr.reduce((total,item)=>{ 
    if(item>2){ 
        return total+item 
    }else{ 
        return total 
    }},0)
//num 12

4.修改

4.1 forEach()

forEach()：对数组的每个元素执行一次提供的函数。

arr = [1,2,3,4,5]
//每个数都+1
arr.forEach((value,index,array)=>{ 
    array[index] = value +1
})
// arr = [2, 3, 4, 5, 6]

4.2 map()

map()：创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后的返回值。

arr = [1,2,3,4,5]
arr1=arr.map((item)=>{ 
    return item+1
})
// 原数组 arr = [1,2,3,4,5]
// 新数组 arr1 = [2, 3, 4, 5, 6]

5.查询

查找某个元素 find()

find():查找某个元素

arr = [1, 2, 3, 4, 5]
var num = arr.find(item => { 
    return item == 2
})
//num 2

查找某个元素的下标 findIndex()

findIndex()：查找某个元素对应的index

arr = [1,2,3,4,5]
var index = arr.findIndex(item=>{ 
    return item == 2
})
//index 1

判断是不是存在某个元素满足某个条件 some()

some()：判断是不是存在某个元素满足某个条件

arr = [1,2,3,4,5]
var a = arr.some(item=>{ 
    return item>3
})
// a true

判断是不是每个元素都满足某个条件 every()

every():判断是不是每个元素都满足某个条件

arr = [1,2,3,4,5]
var a = arr.every(item=>{ 
    return item>3
})// a false