Vue 之 push、pop、shift、unshift、splice、sort、reverse

Posted 2023-03-01

参考技术A Vue 将被侦听的数组的变更方法进行包裹，所以他们也将会处罚视图更新

第一个参数：表示从哪个索引位置（index）添加/删除

第二个参数：要删除的项目数量。如果设置为 0 ，则不会删除项目

第三个参数：可选。向数组添加的新项目

例：splice(1) 保留前一个元素之后的全部删除， splice(2) 保留前两个元素之后全部删除

例：splice(2,1) 从索引位置（index：2）删除，删除一个元素

例：splice(1,2,'a','b') 从索引微信（index：1）删除，删除2个元素，并添加2个新元素来代替被删除的元素

例：splice(1,0,'a') 从索引位置（index：1）添加，添加两个元素

arr.sort(sortby)可选。规定排列顺序。必须是函数。

例：按字母顺序进行排列

例：大小排列

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

它们不会变更原始数组，而总是返回一个新数组。当使用非变更方法时，可以用新数组替换旧数组：

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

concat() 方法用于连接两个或多个数组。

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

split() 方法用于把一个字符串分割成字符串数组。