在开发过程中,我们常常需要得到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如果是要给数组最后一个元素赋值或者读值,最好的选择就是方法三

Logo

前往低代码交流专区

更多推荐