在Vue中獲取一個數(shù)組的最后一項,可以通過以下代碼實(shí)現(xiàn):
const arr = [1, 2, 3, 4, 5];
const last = arr.slice(-1)[0];
console.log(last); // 輸出5
以上代碼使用了JavaScript中的slice()方法,對數(shù)組進(jìn)行切割操作,同時使用了負(fù)數(shù)索引-1,來獲取數(shù)組中的最后一個元素,然后通過索引[0]來返回該值。
在Vue中,如果想要在模版中動態(tài)獲取一個數(shù)組的最后一項,可以使用計算屬性來實(shí)現(xiàn):
<template>
<div>
<p>數(shù)組的最后一項是: {{ lastItem }}</p>
</div>
</template>
<script>
export default {
data() {
return {
arr: [1, 2, 3, 4, 5]
}
},
computed: {
lastItem() {
return this.arr.slice(-1)[0];
}
}
}
</script>
以上代碼中,我們通過計算屬性lastItem來動態(tài)獲取數(shù)組的最后一項,并在模版中進(jìn)行展示。每當(dāng)arr數(shù)組發(fā)生改變時,lastItem都會重新計算。
至此,我們學(xué)習(xí)了如何在Vue中獲取數(shù)組的最后一項,在代碼中和模版中動態(tài)展示該值。希望對大家有所幫助。