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