Búsqueda de matrices de JavaScript ()
Ejemplo 1
Encuentre el valor del primer elemento con un valor mayor a 18:
const ages = [3, 10, 18, 20];
function checkAge(age) {
return age > 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
Definición y uso
El find()
método devuelve el valor del primer elemento que pasa una prueba.
El find()
método ejecuta una función para cada elemento de la matriz.
El find()
método regresa undefined
si no se encuentran elementos.
El find()
método no ejecuta la función para elementos vacíos.
El find()
método no cambia la matriz original.
Sintaxis
array.find(function(currentValue, index, arr),thisValue)
Parámetros
function() | Required. A function to 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 valor |
El valor del primer elemento que pasa la prueba. De lo contrario vuelve undefined . |
Compatibilidad con navegador
find()
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 |
find()
no es compatible con Internet Explorer 11 (o anterior).
Ejemplo 2
Encuentre el valor del primer elemento que tiene un valor por encima de un número específico:
<p><input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
const ages = [4, 12, 16, 20];
function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
</script>