数据更新

104 阅读1分钟

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 后面全部删除