Matriz JavaScript findIndex()
Ejemplo 1
Encuentre el primer elemento con un valor superior a 18:
const ages = [3, 10, 18, 20];
ages.findIndex(checkAge);
function checkAge(age) {
return age > 18;
}
Definición y uso
El findIndex()método ejecuta una función para cada elemento de la matriz.
El findIndex()método devuelve el índice (posición) del primer elemento que pasa una prueba.
El findIndex()método devuelve -1 si no se encuentra ninguna coincidencia.
El findIndex()método no ejecuta la función para elementos de matriz vacíos.
El findIndex()método no cambia la matriz original.
Sintaxis
array.findIndex(function(currentValue, index, arr), thisValue)
Parámetros
| Parameter | Description |
| function() | Required. A function to be run for each array element. |
| currentValue | Required. The value of the current element. |
| index | Optional. The index of the current element. |
| arr | Optional. The array of the current element. |
| thisValue | Optional. Default undefined.A value passed to the function as its this value. |
Valor devuelto
| Escribe | Descripción |
| Un número |
El índice del primer elemento que pasa la prueba. De lo contrario -1. |
Compatibilidad con navegador
findIndex()es una característica de ECMAScript6 (ES6).
ES6 (JavaScript 2015) es compatible con todos los navegadores modernos:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
findIndex()no es compatible con Internet Explorer 11 (o anterior).
Más ejemplos
Encuentre el primer elemento con un valor por encima de un valor de entrada:
<p><input type="number" id="toCheck" value="18"></p>
<button onclick="myFunction()">Test</button>
<p>Any values above: <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>