Array数组操作

js限制-数组操作
js限制-对象操作

js限制-数组操作

①末尾添加-push，会改变原始数组，返回值为数组更新后的新数组长度。

②末尾删除-pop，会改变原始数组，返回值为被删除的数组元素

③开头添加-unshift，会改变原始数组，返回更新后新数组长度

④开头删除-shift，会改变原始数组，返回被删除的数组元素

⑤添加、删除、替换-splice，会改变原始数组
1、删除：删除(任意个数)—参数1：开始的索引；参数2：删除的长度
返回被删除的数组元素

添加、删除、替换-splice，会改变原始数组
2、添加(任意个数): 插入起始位置、0（要删除的项数）和要插入的项。
返回空；如果要插入多个项，可以再传入第四、第五…任意多个项

添加、删除、替换-splice，会改变原始数组
替换：替换(任意个数)：即删除和插入数量相等项数的综合应用，可以指向指定位置插入任意数量的项，且同时删除任意数量的项
3、指定3个指定参数：起始位置、要删除的项数和要插入的任意数量项
返回被替换掉的数组元素；注意：插入的项数是不必与删除的项数相等

⑥排序-sort，会改变原始数组，返回排序后的数组

⑦翻转-reverse，会改变原始数组，返回翻转后的数组

⑧筛选-filter，不会改变原始数组，返回筛选后的新数组

⑨拼接-concat，不会改变原始数组，返回拼接后的新数组

⑩截取-slice:包含开头索引不含结尾索引，返回截取的数组元素

js限制-数组操作

①利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue
②修改数组的长度时，例如：vm.items.length = newLength

方法1：set方法
语法结构：Vue.set(vm.items, indexOfItem, newValue)

方法2：splice替换
语法结构：vm.items.splice(indexOfItem, number, newValue)

限制2：修改数组的长度时，例如：vm.items.length = newLength

对象属性改动时，vue可以实时监听检测，实现响应式。但是注意：由于 JS的限制，Vue 不能检测对象属性的添加或删除。

使用 Vue.set(object, key, value) 方法向嵌套对象添加响应式属性
此外还可以使用 vm.$set 实例方法，它只是全局 Vue.set 的别名。