JavaScript 中 Array.findIndex() 方法有什麼作用？

陣列是一種可以儲存多個相同資料型別元素的資料型別。例如，如果陣列宣告為整型資料型別，則它儲存一個或多個整型資料型別元素。

在 JavaScript 中，陣列是物件，這些物件具有一些內建函式和屬性，可以使用它們更快、更容易地進行操作。

本教程解釋並演示了陣列物件“findIndex()”的功能，並提供了一些示例。

JavaScript 陣列中的“findIndex()”方法將返回給定陣列中滿足給定約束條件的第一個元素。即使有兩個或多個數字，此方法也會返回給定陣列中第一個元素的索引。如果不存在滿足給定約束條件或條件的元素，則返回 -1。

語法

findIndex() 方法的語法如下：

array.findIndex(function(element, index, array), thisArg)

上面給出的語法稱為內聯回撥函式語法，因為函式和其他引數都是一次性在一行中呼叫的。

“findIndex()”方法將接收包括函式在內的五個引數。它們是：

• 函式 - 該函式用於對陣列的所有元素執行操作，直到滿足約束條件並返回 true。

• 元素 - 這是陣列中當前正在進行給定功能或約束的元素。

• 索引 - 這是一個可選引數，可以訪問陣列中當前元素的索引。

• 陣列 - 這是一個可選引數，其值為包含當前元素的給定陣列物件。

• thisArg - 這是一個可選引數，如果傳遞則用作“this”的值，如果不傳遞則預設為“undefined”。

如果給定陣列中存在元素並滿足條件，則返回元素的索引；否則返回“-1”。

示例 1

下面的示例演示了在 JavaScript 中使用 findIndex() 方法。在這裡，我們嘗試檢索給定陣列中的偶數：

function isEven(element) {
   return element % 2 == 0;
}
let arr = [7, 8, 1, 3, 4];
let firstEvenNumber = arr.findIndex(isEven);
console.log("The given array is:",arr)
console.log("The first even numbers index in the given array is:",firstEvenNumber);
console.log("The first even number at the returned index is:",arr[firstEvenNumber])

示例 2

讓我們來看另一個示例，在這裡我們列印給定陣列中大於 45 的元素。

var arr = [11, 23, 36, 156, 58];
function findIndex(element) {
   return element > 45;
}
var v = arr.findIndex(findIndex)
console.log("The given array is:",arr)
console.log("The first numbers index in the given array which satisfies the constraint is:",v)
console.log("The first number in the given array at the returned index is:",arr[v])

示例 3

下面的示例以箭頭函式的形式使用 findIndex()：

let employee = ["Abdul", "Badavath", "Yadav", "Taruni"];
let index = employee.findIndex((day) => day === "Taruni");
console.log("The given array is:",employee)
console.log("The index of the given element is:",index)
console.log("The element at the returned index is:",employee[index])

Abdul Rawoof

更新於：2022年8月25日

367 次瀏覽

啟動你的 職業生涯

完成課程獲得認證

開始學習