JavaScript find()Método
Objeto JavaScript ArrayEjemplo
Obtener el primer elemento del array con edad mayor que 18
var ages = [3, 10, 18, 20];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
fruitsResultado:
18
Pruébalo »
Definición y uso
El método find() devuelve el valor del primer elemento del array que pasa la prueba (evaluada dentro de la función).
El método find() ejecuta la función una vez para cada elemento del array:
- Cuando el elemento del array devuelve true en la condición de pruebatrue, find() devuelve el elemento que cumple la condición, y no se llamará a la función para los valores posteriores.
- Si no hay ningún elemento que cumpla la condición, devuelve undefined
Nota:Para arrays vacíos, find() no ejecuta la función.
Nota:find() no modifica el valor original del array.
Soporte del navegador
Los números en la tabla indican la primera versión del navegador que soporta este método.
| Método | |||||
|---|---|---|---|---|---|
| find() | 45.0 | 12.0 | 25.0 | 7.1 | 32.0 |
Nota:IE 11 y versiones anteriores no son compatibles con el método find().
Sintaxis
array.find(function(currentValue, index, arr),thisValue)
Parámetros
| Parámetro | Descripción | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| function(currentValue, index,arr) | Obligatorio. La función que se ejecutará para cada elemento del array. Parámetros de la función:
|
||||||||
| thisValue | Opcional. El valor que se pasa a la función, generalmente se usa como valor "this". Si este parámetro está vacío, se pasa "undefined" al valor "this". |
Detalles técnicos
| Valor de retorno: | Devuelve el valor del primer elemento del array que cumple la condición de prueba; si no hay ningún elemento que cumpla, devuelveundefined。 |
|---|---|
| Versión de JavaScript: | ECMAScript 6 |
Más ejemplos
Ejemplo
Devuelve el valor del índice del array que sea mayor que el número del campo de entrada:
var ages = [4, 12, 16, 20];
function checkAdult(age) {
return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
Pruébalo »
Otras extensiones