1.push方法 可以一次加多个元素
this.letters.push('aaa')
2.通过索引值修改数组中的元素,下面写法无法做到响应式改变数据。
this.letters[0] = 'bbbbb'
console.log(this.letters)
3.pop() 从末尾删除掉
this.letters.pop(); // 响应式的
4.shift() 从头部删除掉
this.letters.shift(); // 响应式的
5.unshift() 在数组最前面添加元素 可以一次加多个元素
this.letters.unshift("abc","f");
6.splice() 可删除元素,添加元素,替换元素 splice(start,)
6.1.删除元素,第二个参数传入你要删除几个元素。如果第二个元素不传,则将start往后的所有元素删除
6.2.替换元素,第二个参数表示要替换几个元素,后面是用于替换前面的元素。
this.letters.splice(1,3,'m','n','l') // 从1开始替换三个(不包含1)
6.3.添加元素,第二个参数传入0,后面跟上要插入的参数。
从第二个位置开始,不删除参数,添加”你好“
this.letters.splice(2,0,"你好");
7.slice() 方法可从已有的数组中返回选定的元素。
// arrayObject.slice(start,end) -1最后一个元素。 end截取时不被包括。
arr = [1, 2, 3, 4, 5, 6, 7]
console.log( arr.slice(0) ) // 全部
console.log( arr.slice(2) ) // 3,4,5,6,7
console.log( arr.slice(1,2) ) // 2
console.log( arr.slice(1,3) ) // 2,3
console.log( arr.slice(0,-2) ) // 1,2,3,4,5
8.sort() 用于对数组的元素进行排序。
this.letters.sort();
var fruits = ["Banana", "Orange", "Apple", "Mango"];
输出Apple,Banana,Mango,Orange
// 升序
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});
// 降序
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return b-a});
9.reverse() 将数组内容进行反转
this.letters.reverse();
10.修改数组中的元素,Vue自带一个方法
// set(要修改的对象,索引值,修改后的值)
Vue.set(this.letters,0,'bull') // 修改索引0的数据为bull