Vue中数组的常用方法

数组的方法分为变更方法和替换数组

变更方法

1. push()
   push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度

2. pop()
   pop() 方法用于删除数组的最后一个元素并返回删除的元素。改变数组的长度

3. shift()
   shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。改变数组的长度

4. unshift()
   unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。该方法将改变数组的数目

5. splice()
   splice() 方法用于添加或删除数组中的元素。

name.splice(2,0,"Lemon","Kiwi"); 
其中splice(索引号,删除个数,插入内容)

6. sort()

sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字，并按升序或降序。默认排序顺序为按字母升序。
当数字是按字母顺序排列时"40"将排在"5"前面。

注意 使用数字排序，你必须通过一个函数作为参数来调用。函数指定数字是按照升序还是降序排列。

7. reverse()
   reverse()方法用于颠倒数组中元素的顺序。

替换数组

变更方法，顾名思义，会变更调用了这些方法的原始数组。相比之下，也有非变更方法，例如 filter()、concat() 和 slice()。它们不会变更原始数组，而总是返回一个新数组。当使用非变更方法时，可以用新数组替换旧数组：

1. filter()
   filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

var ages = [32, 33, 16, 40];
function checkAdult(age) {
    return age >= 18;
}
function myFunction() {
    document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}

2. concat()
   concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

var hege = ["Cecilie", "Lone"];
var stale = ["Emil", "Tobias", "Linus"];
var children = hege.concat(stale);

3. slice()

slice() 方法可从已有的数组中返回选定的元素。

slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。