La función arr.find() se usa para encontrar el primer elemento de la array que satisface la condición implementada por una función. Si más de un elemento cumple la condición, se devuelve el primer elemento que cumple la condición. Suponga que desea encontrar el primer número impar en la array. La función de argumento verifica si el argumento que se le pasó es un número impar o no. La función find() llama a la función de argumento para cada elemento de la array. El primer número impar para el que la función de argumento devuelve verdadero es informado por la función find() como respuesta. La sintaxis de la función es la siguiente:
Sintaxis:
arr.find(function(element, index, array), thisValue)
Argumentos
El argumento de esta función es otra función que define la condición a verificar para cada elemento de la array. Esta función en sí toma tres argumentos:
- formación:
- índice:
Este es el índice del elemento actual que está siendo procesado por la función. - elemento:
Este es el elemento actual que está siendo procesado por la función.
Esta es la array en la que se llamó a la función .filter() .
Otro argumento , este valor, se usa para decirle a la función que use este valor al ejecutar la función de argumento.
Valor devuelto
Esta función devuelve el primer valor de la array que satisface la condición dada. Si ningún valor satisface la condición dada, devuelve indefinido como su respuesta.
A continuación se proporcionan ejemplos de la función anterior:
Ejemplo 1:
function isOdd(element, index, array) { return (element%2 == 1); } print([4, 6, 8, 12].find(isOdd));
Producción:
undefined
En este ejemplo, la función find() encuentra todos los números impares en la array. Dado que no hay números impares, devuelve undefined .
Ejemplo 2:
function isOdd(element, index, array) { return (element%2 == 1); } print([4, 5, 8, 11].find(isOdd));
Producción:
5
En este ejemplo, la función find() encuentra la primera aparición de un número impar en la array. Dado que el primer número impar es 5 , lo devuelve.
Los códigos para la función anterior se proporcionan a continuación:
Programa 1:
// JavaScript to illustrate find() function <script> function isOdd(element, index, array) { return (element % 2 == 1); } function func() { var array = [ 4, 6, 8, 12 ]; // Checking for odd numbers and // reporting the first odd number document.write(array.find(isOdd)); } func(); </script>
Producción:
undefined
Programa 2:
<script> // JavaScript to illustrate find() function function isOdd(element, index, array) { return (element % 2 == 1); } function func() { var array = [ 4, 5, 8, 11 ]; // Checking for odd numbers and // reporting the first odd number document.write(array.find(isOdd)); } func(); </script>
Producción:
5
Aplicación:
siempre que necesitemos obtener el valor del primer elemento en la array que satisfaga la función de prueba proporcionada, usamos el método Array.find() en JavaScript.
Veamos el programa JavaScript:
// input array contain some elements. var array = [2, 7, 8, 9]; // Here find function returns the value of // the first element in the array that satisfies // the provided testing function (return element > 4). var found = array.find(function(element) { return element > 4; }); // Printing desired values. console.log(found);
Producción:
> 7