Javascript Array findIndex()用法及代碼示例

arr.findIndex()函數用於從給定數組中找到滿足參數函數檢查條件的第一個元素的索引。假設您要查找偶數數組的第一個元素的索引。然後該函數作為findIndex()的參數檢查數組所有元素的偶數，此函數返回的第一個元素為偶數，其索引將由findIndex()函數作為答案返回，該函數的語法如下如下：

array.findIndex(function(element, index, arr), thisValue)

參數
該函數的參數是另一個函數，該函數定義要檢查數組每個元素的條件。該函數本身帶有三個參數：

• array

這是在其上調用.findindex()函數的數組。



• index

這是函數正在處理的當前元素的索引。

• element

這是函數正在處理的當前元素。

另一個參數thisValue用於告訴函數在執行參數函數時使用該值。

返回值
此函數返回滿足給定條件的第一個元素的索引值。如果沒有元素滿足條件，則返回-1

下麵提供了上述函數的示例：

範例1：

function isOdd(element, index, array) {
  return (element%2 == 1);
}

print([4, 6, 8, 12].findIndex(isOdd)); 

輸出：

-1

在此示例中，函數findIndex()查找包含奇數的所有索引。由於不存在奇數，因此它返回-1。

範例2：

function isOdd(element, index, array) {
  return (element%2 == 1);
}

print([4, 6, 7, 12].findIndex(isOdd)); 

輸出：

2

在此示例中，函數findIndex()查找包含奇數的所有索引。由於7是奇數，因此它返回其索引2。

下麵提供了上述函數的代碼：

程序1:

// JavaScript to illustrate findIndex() function 
<script> 
function isOdd(element, index, array) { 
  return (element % 2 == 1); 
} 
  
function func() { 
    var array = [4, 6, 8, 12]; 
    document.write(array.findIndex(isOdd)); 
} 
func(); 
</script>

輸出：

-1

程序2:

// JavaScript to illustrate findIndex() function 
<script> 
function isOdd(element, index, array)  
{ 
  return (element % 2 == 1); 
} 
  
function func() { 
    var array = [4, 6, 7, 12]; 
    document.write(array.findIndex(isOdd)); 
} 
func(); 
</script>

輸出：

2