哪些数组操作会影响vue视图的更新？改变数组本身的方法有哪些？附面试题1

【多选题】在vue中，下列哪些选项对数组的操作触发视图更新（）

A. push()

B. shift()

C. concat()

D. reverse()

先独立思考

正确答案：A,B,D

解析：

c选项 concat()返回的是一个新的数组，需要用新数组替换原数组才能实现视图的更新

知识点扩展

改变数组本身的方法

1、push()

在该数组最尾添加新的元素，然后返回更新后的数组长度，方法将改变原始数组的长度

2、unshift()

向数组的开头添加新的元素，然后返回更新后的数组长度，方法将改变原始数组的长度

3、pop()

删除该数组的最后一个元素，返回被删除的元素，方法将改变原始数组的长度

4、shift()

删除该数组第一个元素，并且把该数组剩下的元素索引往前挪一位，然后返回删除的元素，方法将改变原始数组的长度

5、reverse()

反转该数组中元素的顺序，方法将改变原始数组。

6、splice(index,num,item1...)

index是指定开始处理的索引位置，num指定删除多少项，从第三个元素开始都是新增的元素项。可以实现从指定的索引位置新增、删除、替换元素。返回值是被删除的元素组成的数组

7、sort

对数组排序，默认按照升序排列，可以传递函数类型的参数决定排序的方式

8、reduce()

方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值

不改变数组本身返回新数组的方法

1、concat()

把两个以上的数组连接起来，该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

2、slice(startIndex,endIndex)

截取原数组的片段，前闭后开区间，包含startIndex索引的元素开始截取，一直到endIndex索引之前的那个元素，该方法不会改变现有的数组