2021-07-15 vue 数组操作

Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括：

push()
pop()
shift()
unshift()
splice()
sort()
reverse()

arr: [‘苹果’,‘香蕉’,‘橙子’]

1. push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
   ps: this.arr.push(“石榴”);
   返回： 苹果，香蕉，橙子，石榴

2. pop() 方法用于删除并返回数组的最后一个元素。
   ps: this.arr.pop();
   返回: 苹果，香蕉

3. shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
   ps: this.arr.shift();
   返回: 香蕉，橙子

4. unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
   ps: this.arr.unshift(“石榴”,“枇杷”);
   返回: 石榴,枇杷,苹果，香蕉，橙子

5. splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。
   splice(index,len,[item]) 用来删除/替换/添加数组内某一个或者几个值（该方法会改变原始数组）。
   参数：index：数组开始下标
   len：替换/删除的长度
   item：替换的值，删除操作的话item为空
   删除：//删除起始下标为1，长度为1的一个值（len设置1，如果为0，则数组不变）
   ps： this.arr.splice(1,1);
   返回: 香蕉，橙子

6. sort() 方法用于对数组的元素进行排序。
   ps: this.arr.sort()

7. reverse() 方法用于颠倒数组中元素的顺序。
   ps： this.arr.reverse();
   返回: 橙子 ，香蕉 ，苹果

   非变更方法，例如 filter()、concat() 和 slice()。它们不会变更原始数组，而总是返回一个新数组。
   9 filter() 方法创建一个新的数组

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

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