JavaScript FindIdex Method | Explicado

A veces, es posible que necesite Encuentra un índice de un elemento de matriz Para verificar si satisface los criterios especificados. Por ejemplo, en un programa JavaScript, debe obtener el número de índice del primer elemento en una matriz cuyo valor es inferior a 18. No hay diferencia si el valor es 1 o 17; Todo lo que importa es que el índice particular debe considerarse la primera ocurrencia del elemento con un valor inferior a 8. En tal escenario, JavaScript "findindex ()Se puede utilizar el método ".

Este artículo enseñará el uso del Método javascript findindex () con la ayuda de ejemplos adecuados. Entonces, comencemos!

Método javascript findindex ()

El "findindex ()El método de "ES6 es bastante similar al método find (). Sin embargo, en lugar de devolver el elemento en sí, recupera el índice de ese elemento de matriz. El "findindex ()"El método acepta un Prueba de la función como argumento que busca el Primera ocurrencia de los elementos requeridos y devuelve su "índice."Establece el caso de devolución"-1", Si no existe tal elemento.

Sintaxis de usar el método JavaScript findindex ()

findIndex (testFunc (elemento [, index [, array]]) [, thantarg])

Aquí el "findindex ()"El método comprende dos parámetros: "TestFunc ()" y "ThatErg".

Discutiremos ambos parámetros del método JavaScript findindex () en la sección dada a continuación.

parámetro testFunc () del método findIndex ()

En la sintaxis dada anteriormente, la "testFunc ()"La función se invoca para cada elemento de matriz hasta que la función regrese"verdadero", Que indica que se encuentra el elemento requerido. Esta función acepta los siguientes tres argumentos:

• "elemento": En testFunc (),"elemento" es un "requerido"Argumento que representa el elemento actual de la matriz.
• "índice":"índice"Es un"opcional"Argumento de la" testfunc ()"Eso indica el índice del elemento de matriz actual.
• "formación":"formación" es otro "opcional"Argumento del"testFunc ()"Eso se refiere a la matriz bajo procesamiento.

Método de thisOrg del método findIndex ()

"thantarg"Es un parámetro opcional del"findindex ()Método que se utiliza al ejecutar la devolución de llamada. Su valor se establece en "indefinido"Si no especifica ningún valor.

Veamos algunos ejemplos prácticos que utilizan el método JavaScript findIndex ().

Ejemplo 1: Uso del método JavaScript findindex ()

En primer lugar, crearemos una matriz llamada "números"Tener los siguientes elementos:

Sea números = [2, 3, 5, 7, 8, 9, 7];

En el siguiente paso, invocaremos el "findindex ()"Método en el"números"Matriz y pase la función de flecha"=>"Qué verifica si el elemento en el"números"La matriz es igual a"7":

Sea index = números.findindex (números => números === 7);
consola.log ("índice es" + índice);

El primer elemento "7" se encuentra en el "Tercer" índice de los "números" formación; Es por eso que el método FindIndex () devolvió "3"Como índice de la primera ocurrencia de un elemento:

Ahora usaremos el método FindIndex () con una condición más compleja.

Ejemplo 2: Uso del método JavaScript findindex ()

En el mismo programa, modificaremos el "findindex ()"Método de tal manera que obtiene el índice de la primera ocurrencia del"7"Elemento donde el índice es mayor que"3"En la matriz" Números ":

Sea index = números.findIndex ((números, index) => números === 7 && index> 3); consola.log ("índice es" + índice);

El "números"Array comprende dos"7"Elementos, uno en el tercer índice y el otro en el sexto índice. Sin embargo, de acuerdo con la condición dada, el "findindex ()"El método considerará"6"Como el índice de la primera ocurrencia del"7" elemento:

Ejemplo 3: Uso del método JavaScript findindex ()

Supongamos que tiene una lista de empleados objetos que tienen "nombre y edad" propiedades:

Const Empleados = [
Nombre: 'Alex', Age: 24,
nombre: 'max', edad: 27,
Nombre: 'Paul', edad: 28,
];

La siguiente "findindex ()El método "encontrará el primer índice de empleados en el"empleados"Array, cuya edad es mayor que"18":

const index1 = empleados.findindex (empleados => empleados.edad> 18);
consola.log ("índice del empleado elegible" + index1);

Como puede ver en la salida, el primer empleado elegible está presente en el "0"Índice:

Según la condición especificada, si no existe ningún elemento en el "empleados"Array entonces el"findindex ()"El método volverá"-1":

const index2 = empleados.findindex (empleados => empleados.edad<= 18);
consola.log ("índice del empleado no elegible es" + index2);

La salida muestra "-1"Porque ninguna edad de un solo empleado es menor o igual a"18":

Hemos compilado toda la información esencial relacionada con el uso del método JavaScript findindex (). Puede explorar más a fondo este tema de acuerdo con sus preferencias.

Conclusión

El javascript "findindex ()El método se utiliza para obtener el índice de la primera aparición de un elemento de matriz. Este método acepta una función de prueba como un argumento que busca la primera ocurrencia de los elementos requeridos y devuelve su "índice,"Y si no existe dicho elemento en la matriz, establece el caso de devolución en"-1". En este artículo, hemos discutido el uso del método JavaScript FindIndex () con la ayuda de ejemplos adecuados.