列举了在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