JavaScript matriz de referencia
Ejemplo
Obtener el valor del primer elemento de la matriz que tiene un valor de 18 o más:
var ages = [3, 10, 18, 20];
function checkAdult(age) {
return age >= 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
El resultado será:
18
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
El find() método devuelve el valor del primer elemento de una matriz que pasar una prueba (en forma de una función).
El find() método ejecuta la función una vez para cada elemento presente en la matriz:
- Si encuentra un elemento de matriz, donde la función devuelve un valor verdadero, encontrar () devuelve el valor de ese elemento de la matriz (y no comprueba los valores restantes)
- En otro caso devuelve indefinido
Nota: encontrar () no se ejecuta la función para elementos de la matriz sin valores.
Nota: encontrar () no cambia la matriz original.
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el método.
Método | |||||
---|---|---|---|---|---|
find() | 45.0 | 12.0 | 25.0 | 7.1 | 32.0 |
Sintaxis
array.find( function(currentValue,index,arr),thisValue )
Los valores de los parámetros
Parameter | Description | ||||||||
---|---|---|---|---|---|---|---|---|---|
function(currentValue, index,arr) | Required. A function to be run for each element in the array. Function arguments:
|
||||||||
thisValue | Optional. A value to be passed to the function to be used as
its "this" value. If this parameter is empty, the value "undefined" will be passed as its "this" value |
Detalles técnicos
Valor de retorno: | Devuelve el valor del elemento de matriz si alguno de los elementos de la matriz pasa la prueba, de lo contrario, devuelve undefined |
---|---|
Versión de JavaScript: | ECMAScript 6 |
Más ejemplos
Ejemplo
Obtener el valor del primer elemento de la matriz que tiene un valor por encima de un número específico:
<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p>Any ages above:
<span id="demo"></span></p>
<script>
var ages = [4, 12, 16, 20];
function checkAdult(age) {
return age >=
document.getElementById("ageToCheck").value;
}
function
myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
</script>
Inténtalo tú mismo " JavaScript matriz de referencia