Método JavaScript Array find()

El método arr.find() en Javascript se usa para obtener el valor del primer elemento en la array que satisface la condición proporcionada. Comprueba todos los elementos de la array y el primer elemento que satisfaga la condición se imprimirá. Esta función no funcionará con los elementos de array vacíos, y tampoco cambia la array original.

Sintaxis:

array.find(function(currentValue, index, arr),thisValue);

Parámetros: este método acepta 5 parámetros como se mencionó anteriormente y se describe a continuación:

• función: Es la función del array que actúa sobre cada elemento.
• currentValue: este parámetro contiene el elemento actual.
• índice: es un parámetro opcional que contiene el índice del elemento actual.
• arr: es un parámetro opcional que contiene el objeto de array al que pertenece el elemento actual.
• este valor: este parámetro es opcional. Si se va a pasar un valor a la función para que se use como su valor «este», de lo contrario, el valor » indefinido » se pasará como su valor » este «.

Valor devuelto: Devuelve el valor del elemento de la array si alguno de los elementos de la array cumple la condición, de lo contrario, devuelve indefinido.

Comprenderemos el concepto del método javascript Array find() a través de los ejemplos.

Ejemplo 1: El siguiente ejemplo ilustra el método JavaScript Array find() para encontrar un número positivo.

<script>
    // Input array contain some elements.
    var array = [-10, -0.20, 0.30, -40, -50];
 
    // Method (return element > 0).
    var found = array.find(function (element) {
        return element > 0;
    });
 
    // Printing desired values.
    document.write(found);
</script>

Producción:

0.3

Ejemplo 2: aquí, el método arr.find() en JavaScript devuelve el valor del primer elemento de la array que satisface el método de prueba proporcionado.

<script>
    // Input array contain some elements.
    var array = [10, 20, 30, 40, 50];
 
    // Method (return element > 10).
    var found = array.find(function (element) {
        return element > 20;
    });
 
    // Printing desired values.
    document.write(found);
</script>

Producción:

30

Ejemplo 3: En este ejemplo, cada vez que necesitamos obtener el valor del primer elemento en la array que satisface el método de prueba proporcionado en ese momento, usamos el método arr.find() en JavaScript. 

<script>
    // Input array contain some elements.
    var array = [2, 7, 8, 9];
 
    // Provided testing method (return element > 4).
    var found = array.find(function (element) {
        return element > 4;
    });
 
    // Printing desired values.
    document.write(found);
</script>

Producción:

7

Navegadores compatibles: los navegadores compatibles con el método JavaScript Array find() se enumeran a continuación:

• Google Chrome 45.0
• Microsoft Edge 12.0
• MozillaFirefox 25.0
• Safari 7.1
• Ópera 32.0

JavaScript es mejor conocido por el desarrollo de páginas web, pero también se usa en una variedad de entornos que no son de navegador. Puede aprender JavaScript desde cero siguiendo este tutorial de JavaScript y ejemplos de JavaScript .