JavaScript中Array.findIndex方法的使用方法及示例

一、Array.findIndex()方法簡介

Array.findIndex()方法是在Javascript ES6中添加的一個新數組方法，該方法可以在數組中查找一個元素，並返回該元素在數組中的位置（即索引）。

該方法的語法為：

arr.findIndex(callback(element[, index[, array]])[, thisArg])

• callback：數組中每個元素都會調用該函數，函數返回值為true時，返回該元素在數組中的索引值，返回false時，繼續查找下一個元素。
• element：當前遍歷到的元素。
• index：當前遍歷到元素在數組中的索引值。
• array：操作的數組。
• thisArg：執行 callback 時使用的 this 值。

二、Array.findIndex()方法示例

下面是一個使用Array.findIndex()方法的示例代碼：

const arr = [2, 5, 8, 1, 4];
const result = arr.findIndex(function(ele) {
  return ele > 3;
});
console.log(result);//2

上述代碼中，我們創建了一個數組 arr，然後使用 .findIndex() 方法來查找數組中第一個大於3的元素，並返回該元素的索引位置。在該示例中，第一個大於3的元素是8，其在數組中的位置為2，因此該代碼輸出結果為2。

三、Array.findIndex()方法詳解

1、callback的三個參數

在上述示例代碼中，我們將callback函數中的ele作為比較值，查找數組中第一個大於3的元素。除ele參數外，callback函數還有兩個可選參數 – index和array。

其中index為當前遍歷到元素在數組中的位置，array為原始數組本身。例如：

const myArr = [1,5,10,15];
myArr.findIndex(function(ele,index,array) {
  console.log('ele:',ele);//依次輸出1,5,10,15
  console.log('index:',index);//依次輸出0,1,2,3
  console.log('array:',array);//輸出[1,5,10,15]
});

2、callback返回值的處理

Array.prototype.findIndex() 方法返回一個滿足指定測試函數的第一個元素的索引。否則返回-1。

const arr = [1,2,3,4,5,6];
console.log(arr.findIndex(function(ele) {
  return ele>8;
}));
//輸出結果為：-1，因為該數組中不存在大於8的元素。

四、總結

本文主要介紹了JavaScript中Array.findIndex()方法的使用方法及示例。

• 我們首先介紹了Array.findIndex()方法的語法及參數解釋。
• 接着我們展示了一個Array.findIndex()方法的基本使用示例。
• 最後我們詳解了callback中三個參數的用法及callback返回值的處理方法。