合规国际互联网加速 OSASE为企业客户提供高速稳定SD-WAN国际加速解决方案。 广告
数组`arr : ["a","b","c","d"]` **注意** :`非响应式的修改方法 : this.arr[0] = "bbb",此时元素的值虽然已经修改,但是在页面展示的还是原来的值` 1.**push**方法 `this.arr.push("e")` 2.**pop**方法:从最后一个数据开始删除 `this.arr.pop() //执行后,最后一个数据将被删除` 3.**shift**方法 : 删除数组第一个元素 `this.arr.shift() //执行后,第一个数据将被删除` 4.**unshiift**方法:在数组最前面添加元素,和push相反 `this.arr.unshift("aa") //执行后将在数组最前面添加一个aa数据,也可以同时添加多个元素` 5.**splice**方法:作用:**删除元素/插入元素/替换元素** ``` splice参数: 第一个:从第几个元素开始 第二个:① 如果要删除:传入你要删除几个元素,不传将从开始删除到最后 ② 如果要替换元素:表示要替换几个原素,后面的参数用户替换前面的元素,如:this.arr.splice(1,2,"x","y"),把第二第三个元素分别替换成x和y了 ③ 如果是插入元素:把第二个参数设置为0,后面输入的是需要插入的参数,如:this.arr.splice(1,0,"x","y"),此时将在第一个元素后面添加x和y元素 ``` 6.sort方法:数组排序 `this.arr.sort()` 7.reverse方法:数组顺序反转 `this.arr.reverse()` ***** **总结**:以上7个方法都可以实现响应式修改数组,不能直接通过数组索引进行修改,另外还有以下一种vue自带的方法修改数组,如下: ``` //set方法,对应的参数:set(要修改的对象,索引值,修改后的值) Vue.set(this.arr,0,'aaa') //把数组arr第一个元素修改为aaa ```