JavaScript 数组 findIndex()
示例 1
查找第一个值大于 18 的元素
const ages = [3, 10, 18, 20];
ages.findIndex(checkAge);
function checkAge(age) {
return age > 18;
}
自己尝试一下 »
描述
The findIndex() 方法对每个数组元素执行一个函数。
The findIndex() 方法返回通过测试的第一个元素的索引（位置）。
The findIndex() 方法如果未找到匹配项则返回 -1。
The findIndex() 方法不会对空数组元素执行函数。
The findIndex() 方法不会更改原始数组。
数组查找方法
| 方法 | 查找 |
|---|---|
| indexOf() | 具有指定值的第一个元素的索引 |
| lastIndexOf() | 具有指定值的最后一个元素的索引 |
| find() | 通过测试的第一个元素的值 |
| findIndex() | 通过测试的第一个元素的索引 |
| findLast() | 通过测试的最后一个元素的值 |
| findLastIndex() | 通过测试的最后一个元素的索引 |
语法
array.findIndex(function(currentValue, index, arr), thisValue)
参数
| 参数 | 描述 |
| function() | 必需的。 要为每个数组元素运行的函数。 |
| currentValue | 必需的。 当前元素的值。 |
| index | 可选的。 当前元素的索引。 |
| arr | 可选的。 当前元素的数组。 |
| thisValue | 可选的。 默认值 undefined。传递给函数作为其 this 值的值。 |
返回值
| 类型 | 描述 |
| 数字 | 通过测试的第一个元素的索引。 否则为 -1。 |
更多示例
查找第一个值高于输入值的值
<p><input type="number" id="toCheck" value="18"></p>
<button onclick="myFunction()">测试</button>
<p>任何高于以下的值： <span id="demo"></span></p>
<script>
const numbers = [4, 12, 16, 20];
function checkValue(x) {
return x > document.getElementById("toCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = numbers.findIndex(checkValue);
}
</script>
自己尝试一下 »
浏览器支持
findIndex() 是 ECMAScript6 (ES6) 功能。
ES6 (JavaScript 2015) 自 2017 年 6 月起在所有现代浏览器中均受支持
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| 2016 年 5 月 | 2017 年 4 月 | 2017 年 6 月 | 2016 年 9 月 | 2016 年 6 月 |
findIndex() 不受 Internet Explorer 支持。
