基础的几种方法push、pop、shift、unshift、sort、reverse、splice
这些方法都会改变原数组
在Vue2中对这些方法又进行了封装使得这些方法是响应式的能被Vue监听到
let arr = [1,2,3]
push
push方法 在数组最后添加元素
arr.push(4,5)
// arr : [1,2,3,4,5]
pop
pop方法 直接删除数组最后一个元素
arr.pop()
// arr : [1,2,3,4]
unshift
unshift方法 在数组最前面添加元素
arr.unshift(0)
// arr : [0,1,2,3,4]
shift
shift方法 直接删除数组第一个元素
arr.shift()
arr : [1,2,3,4]
sort
sort数组排序 根据某个属性 默认从小到大
.sort((a,b) =>{
return a - b // 从小到大排序return b - a // 从大到小排序
})
arr.sort((a,b) => {
return b-a
})
arr : [4,3,2,1]
reverse
reverse方法反转数组(只关注索引值)
arr.reverse()
arr : [1,2,3,4]
splice
splice 有三种用法 增加 删除 修改 接收三个参数(合理运用)
1.从数组的第几个开始修改 2.要删除几个元素 3.要增加的元素
splice 增加
arr.splice(1,0,'加一个')
arr : [1,'加一个',2,3,4]
splice 删除
删除一段
arr.splice(1,3) // 删除第1个元素之后的三个元素 arr : [1,4]
删除剩余全部
arr.splice(1) // 1以后的全部删除 arr : [1]
删除某一个
arr.splice(3,1) // 数组的第三个删除 arr : [1,'加一个',3,4]
splice 编辑
arr.splice(2,1,'第三个换成我') // 第二个后面删除一个 再增加 '第三个换成我'
arr : [1,'加一个','第三个换成我',3,4]