vue的数组api

一:(1)数组的变异方法(修改原有数据)

push()       //向数组的末尾添加一个或者多个元素,并返回新的长度
pop()        //删除并返回数组的最后一个元素
shift()       //删除并返回数组的第一个元素
unshift()   //向数组的开头添加一个或多个元素,并返回新的长度
splice()     //删除元素,并向数组添加新元素
sort()       //对数组的元素进行排序
reverse()  //颠倒数组中元素的顺序

　

(2)替换数组(生成新的数组)

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

示例:<p>点击按钮获取数组中大于 18 的所有元素。</p>

<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
var ages = [32, 33, 16, 40];
function checkAdult(age) {
return age >= 33;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
</script>

concat()　　　　　//连接两个或更多的数组,并返回结果

slice()         //从某个已有的数组返回选定的元素
示例:  this.list = this.list.slice(0,2);   //因为slice是重新生成数组不影响旧数组,想要在页面中显示就要对旧数组进行操作