开发经验—js获取数组的最后一个元素
在开发过程中,我们常常需要得到js数组的最后一个数组元素,今天小朱总结了以下几个方法:一、通过Array.prototype.length当然这是最简单直接的方法但是,这个方法也是有缺陷的,就是在用vue开发的时候,用数组下标赋值的数组是没有get和set方法的,就会导致子组件在接受父组件的该数组时,监听不到该数组的变化,从而影响子组件的渲染,想了解的可以看看我另一篇文章在vue中用数组下标方式(
·
在开发过程中,我们常常需要得到js数组的最后一个数组元素,今天小朱总结了以下几个方法:
一、通过Array.prototype.length
当然这是最简单直接的方法
但是,这个方法也是有缺陷的,就是在用vue开发的时候,用数组下标赋值的数组是没有get和set方法的,就会导致子组件在接受父组件的该数组时,监听不到该数组的变化,从而影响子组件的渲染,想了解的可以看看我另一篇文章在vue中用数组下标方式(arr[i])进行赋值的弊端
二、通过Array.prototype.pop()
lastElement1(){
console.log(this.arr.pop())
},
数组的这个方法时删除数组的最后一元素,并将最后一个元素返回,会破坏原数组,所以如果只是要获取数组的最后一个元素,不要用这个方法。
三、通过Array.prototype.slice()
lastElement2(){
console.log(this.arr.slice(-1)[0])
},
Array.prototype.slice(-1)的意思时截取数组的最后一个元素封装成一个新数组并返回,不会影响原数组。
所以在取值的时候,要将它当成数组this.arr.slice(-1)[0]。
注意
所以在vue如果是要给数组最后一个元素赋值或者读值,最好的选择就是方法三
更多推荐
已为社区贡献1条内容
所有评论(0)