push() 在末尾添加元素
array = [1,2,3]
array.push(4) // 在末尾添加元素 返回添加的元素
array = [1,2,3,4]
pop 将数组的最后一个元素删除
array = [1,2,3]
array.pop() // 数组的最后一个元素删除 返回删除的元素
array = [1,2]
shift() 删除数组的第一个元素
array = [1,2,3]
array.shift() // 删除数组的第一个元素 返回删除的元素
array = [2,3]
unshift() 在数组的第一个位置添加一个元素
array = [1,2,3]
array.unshift(0) // 在数组第一个位置添加元素 返回数组的长度
array = [0,1,2,3]
splice() 可以添加、删除函数,返回删除元素
-接受三个参数
1.第一个参数表示开始操作的位置 下标
2.第二个参数表示要操作的长度 length
3.第三个为可选参数 添加元素
array = [1,2,3]
array.splice(0,1) // 表示从下标 0 开始删除 1 个元素 [2,3] 返回删除的元素
array = [2,3]
array.solice(0,1,4) // 表示从下标 0 开始删除 1 个元素 添加 4 元素 [4,3]
sort() 排序
array = [3,2,1,4]
array.sort() // 进行排序
array = [1,2,3,4]
reverse() 数组反转
array = [1,2,3,4]
array.reverse() // 数组反转
array = [4,3,2,1]
两个数组变动Vue检测不到
1.改变数组的指定项 this.arr[0] = '1' 2.改变数组的长度 this.arr.length = 1
Vue提供了set()方法
Vue.set(app.arr,1,"2")
// 接受三个参数 1.改变的元素。2.从第几个下标开始。3.添加元素
const app = new Vue({
el:"#app",
data:{
arr: [1,2,3]
}
})
Vue.set(app.arr,1,'2')
// splice() 方法
app.splice(0) // 删除全部,返回删除元素
arr.splice(1) // 从下标 1 后面全部删除