Vue中数组的变异方法和替换数组

1.数组的变异方法和替换数组

1.在vue中,直接修改对象属性的值无法触发响应式,当你直接修改了对象属性的值,就会发现只有数据改了,但是页面内容并没有改变

2.变异数组方法,既保持了数组原来功能不变的前提下对其进行功能拓展

//1.在数组最后边添加一个元素,成功返回当前数组的长度
push()
//2.删除数组的第一个元素,成功返回删除元素的
pop()
//3.在数组最前面添加一个元素,成功返回当前数组的长度
unshift()
//4.在数组最前面删除一个元素,返回删除的元素的值
shift()
//5.有三个参数,第一个是想要删除的元素的下标(必选),第二个是想要删除的个数(必选) 第三个删除后想要在原来位置替换的值
splice()
//6.使数组按照字符编码默认从小到大排序,成功返回排序后的数组
sort()
//7.将数组倒序,成功返回倒序后的数组
reverse()

2.替换数组

不会改变原始数组,但是总是返回一个新数组

//1.filter()方法创建一个新数组,新数组中的元素是通过检查指定数组中符合条件的所有元素
filter()
//2.concat() 方法用于连接两个或者多个数组,该方法不会改变现有的数组
concat()
//3.slice()方法可以从已有的数组中返回选定的元素,该方法并不会修改数组,而返回的是一个子数组
slice()