Array数组操作（变异更新、替换）

循环指令v-for补充
使用v-for更新已渲染的元素列表时，默认用就地复用策略；列表数据修改的时候，他会根据key值去判断某个值是否修改，如果修改，则重新渲染这一项，否则复用之前的元素；
循环指令key属性补充
Vue和React框架用遍历指令时的key值不建议用index
（1）key值在没有删除插入操作时只要是唯一值也无所谓，即此时为index索引也可以
（2）如果有删除插入的操作，后一位会继承删掉的index，这时的key写不如不写，本来是为了让遍历性能优化的操作，这种可能重复或者改变的key值不仅会优化还会影响性能
（3）index作为:key值，有可能导致第一次执行循环体初始化失败，正确的做法尽量使用理想的key值每项都有的唯一的id
ES6拓展
（1）遍历对象for-in

（2）遍历对象键–object.keys（）
构造函数Object里面自带的方法Object.key()（取键名）

（3）遍历对象值–Object.values
构造函数Object里面自带的方法Object.values()（取键值）

（4）for…of遍历：v-for in of：js迭代结构of

课程大纲
（1）JS数组操作
（2）ASCII码值
（3）JS限制-数组操作
（4）JS限制-对象操作
JS数组操作
（1）末尾添加-push，会改变原始数组，返回值为数组更新后的新数组长度。

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

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

（4）开头删除-shift，会改变原始数组，返回删除后的数组元素。

（5）添加、删除、替换-splice，会改变原始数组
1.删除：删除（任意个数）-参数1：开始的索引；参数2：删除的长度

返回被删除的数组元素
2.添加（任意个数）：插入起始位置、0（要删除的项数）和要插入的项

3.指定3个指定参数：起始位置、要删除的项数和要插入的任意数量项。

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

ASCII码值
1.charCodeAt（）方法可返回指定位置的字符Unicode编码。
这个返回值是0-65535之间的整数。
字符串中的第一个字符的下标是0。如果index是负数，或者大于等于字符串的长度，则charCodeAt（）返回NaN。

2.charAt()方法可返回指定位置的字符

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

Js数组操作-Vue应用
案例展示：（使用数组变异更新方法会改变原始数组）

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

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

（10）截取-slice：包含开头索引不包含结尾索引，返回截取的数组元素

JS数组操作
案例展示2：排序

JS限制-数组操作
方法1：set方法
法结构：Vue.set(vm.items,indexOfitem,newValue)

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

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

JS限制-对象操作
由于JS的限制，Vue不能检测对象属性的添加或者删除
加粗样式

使用Vue.set(object,key,value)方法嵌套对象添加响应式属性