js数组方法之数组变异方法

Posted JIA

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js数组方法之数组变异方法相关的知识,希望对你有一定的参考价值。

push、pop、unshift、shift、sort、splice、reverse
以上这些方法都会改变原数组并且
这些方法的返回值是值得注意的有时候可以提高工作效率,比如pop方法的返回值是该元素(删去的第一个)
其他的都不多说了,还有一些非变异方法
了解一下
filter() //过滤数组中某些元素,返回符合条件的元素组成的新数组
concat() //合并两个或两个以上的数组,可以链式调用,返回合并后的数组
slice() //切割数组中某一段元素,返回一个切割出来的数组
map() //使用map方法会产生一个新的数组,
//数组的每一项就是我们return出去的值(所以map方法必须有返回值,
//如果没有return,那么新数组的每一项都为undefined),数组的个数与原数组一样
some()   //会遍历数组中的每个元素,让每个值都执行一遍callback函数,如果有一个元素满足条件,返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素,则返回false。
forEach() //遍历数组
every() //检测数组所有元素是否满足条件

数组变异

在把原来的数组替换成新的数组时

this.classlistIds = this.classIndex

这样直接给数组赋值是不可以的,要用数组变异方法oldArray.concat(newArray)

正确的方法是:  
this.classlistIds.concat(this.classIndex)

以上是关于js数组方法之数组变异方法的主要内容,如果未能解决你的问题,请参考以下文章

vue中实现变异数组和非变异数组的方法

面试: Vue数组的变异方法

vue数组变异方法

JavaScript数组方法: 变异方法 (mutation method)和非变异 (non-mutating method)

数组变异方法替换数组动态数组响应式数据

数组变异方法替换数组动态数组响应式数据