VUE基础知识三：数组常用的操作函数

• push：从尾部新增元素，可以新增多个，返回值是添加后数组元素个数，修改原数组；

var arr = [1,2,3]
arr.push(4,5,6); //结果arr为:[1,2,3,4,5,6]
1
2

• pop：从尾部删除元素，返回值是对应删除的元素，修改原数组；
• shift：从头部删除元素，返回值是对应删除的元素，修改原数组；
• unshift：从头部添加元素，可以添加多个，返回值是添加后数组元素个数，修改原数组；
• reverse：取反，返回的是取反后的数组，修改原数组；

var arr = [1,2,3]
arr.reverse(); // arr将变为：[3,2,1]
1
2

• sort：排序，通过函数的方式规定排序方式，修改的是原数组；(默认是升序排列)
• splice：对应参数有index、howmany和item1,item2……itemX，此操作是对原数据进行修改，具体含义如下：

var arr = [1,2,3,4,5]
var arr1 = arr.splice(1,1); // 结果arr：[1,3,4,5]，arr1：[2]
var arr2 = arr.splice(1,2);// 结果arr：[1,4,5]，arr2：[2,3]
var arr3 = arr.splice(1,1,6,7) // 此时会将index为1的元素删除，从1开始新增两个元素6,7结果arr是：[1,6,7,3,4,5]，当howmany和item参数都有的时候，可以理解为替换(并非一换一，可能是一换多或者多换一)
arr.splice(1,0,6,7)//表示不删除元素，而是新增，最后arr为：[1,6,7,2,3,4,5]
1
2
3
4
5

• slice：从某个已有的数组返回选定的元素，请注意，该方法并不会修改数组，而是返回一个子数组，可以通过使用负值从数组的尾部选取元素。

var arr = [1,2,3,4,5,6];
var arr2 = arr.slice(-4,-2); //返回的arr2结果是:[3,4]
// 说明：负值从-1开始计算，slice的结果是含头不含尾
1
2
3

• join：把数组的所有元素放入一个字符串中，元素通过指定的分隔符进行分割，此方法有一个参数，即指定分隔符，形成新的字符串，不修改原数组；

var arr = ['a','b','c'];
var arrStr = arr.join("-"); // 结果是a-b-c
var arrStr = arr.join(""); // 结果是abc
1
2
3

• concat：连接两个或多个数组，并返回连接后的新数组，原数组不会发生变化，此方法有一个参数，即指定需要连接的数组或数据；

var arr1 = [1,2,3];
var arr2 = ['a','b','c']
var arr3 = arr1.concat(arr2);// 对应的结果是 [1,2,3,'a','b','c']
1
2
3