Vue.js Array 获取数组元素下标

Vue.js 是一個極具影響力的 JavaScript 框架，它可以讓開發者快速地開發出高品質的 Web 應用程式。在 Vue.js 中，可以使用 Array 來儲存多個元素，而且可以輕鬆地取得元素的下標。在本文中，我們將介紹如何在 Vue.js 中取得 Array 元素的下標。

使用 Vue.js Array 的 indexOf() 方法

Vue.js 中有一個叫做 indexOf() 的方法，可以用來取得 Array 中某個元素的下標。indexOf() 方法接受一個參數，也就是要取得下標的元素，如果找到了該元素，就會回傳該元素的下標，如果沒有找到，則會回傳 -1。

// 定義一個陣列
var arr = [1, 2, 3, 4, 5];

// 使用 indexOf() 方法取得元素的下標
var index = arr.indexOf(3);

// 印出 index 的值
console.log(index); // 2

使用 Vue.js Array 的 findIndex() 方法

Vue.js 中也有一個叫做 findIndex() 的方法，可以用來取得 Array 中某個元素的下標。findIndex() 方法接受一個函數作為參數，該函數接受兩個參數，第一個參數是當前元素，第二個參數是當前元素的下標，函數會對每個元素執行一次，如果函數返回 true，則會回傳該元素的下標，如果沒有找到，則會回傳 -1。

// 定義一個陣列
var arr = [1, 2, 3, 4, 5];

// 使用 findIndex() 方法取得元素的下標
var index = arr.findIndex(function(element, index) {
    return element === 3;
});

// 印出 index 的值
console.log(index); // 2

總結

在本文中，我們介紹了如何在 Vue.js 中取得 Array 元素的下標，Vue.js 中有兩個方法可以用來取得元素的下標，分別是 indexOf() 和 findIndex() 方法，使用起來都非常簡單，只要把參數傳入就可以取得元素的下標。

更多資訊

想要了解更多關於 Vue.js Array 的資訊，請參考 Vue.js 官方文件。