开发经验—js获取数组的最后一个元素

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