Método findIndex() de array de JavaScript

Este artículo nos ayudará a comprender todos los hechos, así como la información requerida en detalle junto con la implementación del método Array.findIndex().

Comencemos con un ejemplo del método Array findIndex() que se usa para encontrar el primer índice de número positivo de una array.

• Ejemplo: 

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

• Producción:

2

El método Array.findIndex() se usa para devolver el primer índice del elemento en una array determinada que cumple con la función de prueba proporcionada (pasada por el usuario durante la llamada). De lo contrario, si no se encuentran datos, se devuelve el valor de -1.

• No ejecuta el método una vez que encuentra un elemento que satisface el método de prueba.
• No cambia la array original.

Sintaxis:

array.findIndex(function(currentValue, index, arr), thisValue)

Parámetros: este método acepta cinco 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.
• thisValue: 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 índice del elemento de la array si alguno de los elementos de la array pasa la prueba, de lo contrario, devuelve -1. Los siguientes ejemplos ilustran la función Array findIndex() en JavaScript:

• Ejemplo 1: En este ejemplo, el método findIndex() encuentra todos los índices que contienen números impares. Como no hay números impares, devuelve -1 .

function isOdd(element, index, array) {
  return (element%2 == 1);
}

print([4, 6, 8, 12].findIndex(isOdd)); 

• Producción:

-1

• Ejemplo 2: En este ejemplo, el método findIndex() encuentra todos los índices que contienen números impares. Dado que 7 es un número impar, devuelve su índice.

function isOdd(element, index, array) {
  return (element%2 == 1);
}

print([4, 6, 7, 12].findIndex(isOdd)); 

• Producción:

2

Los códigos para la función anterior se definen de la siguiente manera: 

Programa 1: 

<script>
    // Input array contain elements
    var array = [10, 20, 30, 110, 60];
 
    // Testing method (element > 25).
    function finding_index(element) {
        return element > 25;
    }
 
    // Printing the index of element which is satisfies
    document.write(array.findIndex(finding_index));
</script>

Producción:

2

Programa 2: 

<script>
    // Number is prime or not prime.
    function isPrime(n) {
        if (n === 1) {
            return false;
        } else if (n === 2) {
            return true;
        } else {
            for (var x = 2; x < n; x++) {
                if (n % x === 0) {
                    return false;
                }
            }
            return true;
        }
    }
 
    // Printing -1 because prime number is not found.
    document.write([4, 6, 8, 12].findIndex(isPrime));
    document.write("<br />")
    // Printing 2 the index of prime number (7) found.
    document.write([4, 6, 7, 12].findIndex(isPrime));
</script>

Producción:

-1
2

Ejemplo-3: En este ejemplo, usaremos funciones de flecha para averiguar el índice de un elemento de una array.

let fruits_array  = ["apple", "banana", "mango", "banana", "grapes"];
 
let searching_index = fruits_array.findIndex(fruit => fruit === "mango");
 
console.log(searching_index);
console.log(fruits_array[searching_index]);

Producción:

2
mango

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

• Google cromo 45
• Microsoft Edge 12.0
• MozillaFirefox 25.0
• Safari 7.1
• Ópera 32.0