Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
JavaScript: método array findIndex()
Este tutorial de JavaScript muestra, con sintaxis y ejemplos, cómo usar el método Array llamado findIndex().
describir
En JavaScript, findIndex() es un método de matriz que devuelve el índice del primer elemento de la matriz que cumple una determinada condición. Dado que el método findIndex() es un método del objeto Array, debe llamarse desde una instancia específica de la clase Array.
sintaxis
En JavaScript, la sintaxis del método findIndex() es:
array.findIndex(callback(element [, index [, array]]) [,thisParameter]);
parámetro o parámetro
devolución de llamada Una función de devolución de llamada para probar cada elemento de la matriz. El elemento actual de la matriz de elementos. El índice es opcional. El índice del elemento actual en la matriz. La matriz es opcional. Una referencia a la matriz original. este parámetro es opcional.parámetro a utilizar como this en la función de devolución de llamada.
devolver los bienes
El método findIndex() devuelve el índice del primer elemento de la matriz que cumple los criterios proporcionados.Si ninguno de los elementos cumple la condición, el método findIndex() devolverá undefined.
notas
- El método findIndex() no modifica la matriz original.
ejemplo
Veamos un ejemplo de cómo usar el método findIndex() en JavaScript.
Por ejemplo:
var totn_array = [ -10, -5, 0, 5, 10 ];
function greater_than_zero(totn_element) {
return totn_element > 0;
}
window.console.log(totn_array.findIndex(greater_than_zero));En este ejemplo, declaramos un objeto de matriz llamado totn_array, que tiene 5 elementos. Luego llamamos al método findIndex() de la variable totn_array, usando la función de devolución de llamada great_than_zero para probar el valor de cada elemento.
Para fines de demostración, escribimos el resultado del método findIndex() en el registro de la consola del navegador web para mostrar lo que devuelve el método findIndex().
Lo siguiente se enviará al registro de la consola del navegador web:
3
En este ejemplo, el método findIndex() devolverá 3. Este es el índice del primer elemento de la matriz que satisface la condición de mayor que cero, es decir, el elemento de la matriz con un valor de 5.
usar thisParameter
Cuando usa un parámetro opcional llamado thisParameter, el método findIndex() proporcionará el valor de thisParameter como this en la función de devolución de llamada.
Por ejemplo:
var totn_array = [ "tech", "on", "the", "net" ];
var msg = "The element being tested is: ";
function contains_n_char(totn_element) {
window.console.log(this + totn_element);
return totn_element.indexOf('n') !== -1;
}
window.console.log(totn_array.findIndex(contains_n_char, msg));En este ejemplo, usamos thisParameter para proporcionar los siguientes valores de cadena: this En la función de devolución de llamada:
"The element being tested is: "Lo siguiente se enviará al registro de la consola del navegador web:
The element being tested is:techThe element being tested is:on 1
En este caso, el método findIndex() devolverá 1. Este es el índice del primer elemento que contiene los caracteres “n”, que es el elemento de matriz con el valor “on” (usamos el método indexOf para probar si cada elemento contiene los caracteres “n”).
Una vez que el método findIndex() encuentra un elemento que cumple la condición, devuelve inmediatamente el índice de ese elemento y no procesa el resto de los elementos de la matriz (evitando que el método findIndex() procese los elementos “the” y ” net” en la matriz). Esto se puede ver en la salida del registro de la consola del navegador web.