JavaScript: método Array find()

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 find()

Este tutorial de JavaScript muestra, con sintaxis y ejemplos, cómo usar el método Array llamado find().

describir

En JavaScript, find() es un método de matriz que devuelve el valor del primer elemento de una matriz que cumple una determinada condición. Debido a que el método find() 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 find() es:

array.find(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 find() devuelve el valor del primer elemento de la matriz que cumple la condición proporcionada.Si ninguno de los elementos cumple la condición, el método find() devolverá undefined.

notas

  • El método find() no modifica la matriz original.

ejemplo

Veamos un ejemplo de cómo usar el método find() en JavaScript.

Por ejemplo:

var totn_array = [ -2, -1, 0, 1, 2 ];

function greater_than_zero(totn_element) {
   return totn_element > 0;
}

window.console.log(totn_array.find(greater_than_zero));

En este ejemplo, declaramos un objeto de matriz llamado totn_array, que tiene 5 elementos. Luego, llamamos al método find() 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 la salida del método find() en el registro de la consola del navegador web para mostrar lo que devuelve el método find().

Lo siguiente se enviará al registro de la consola del navegador web:

1

En este ejemplo, el método find() devolverá el valor 1, que es el primer elemento de la matriz que satisface la condición de mayor que cero.

usar thisParameter

Cuando usa un parámetro opcional llamado thisParameter, el método find() 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.find(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: tech
The element being tested is: on
on

En este caso, el método find() devolverá el valor “on”, que es el primer elemento que contiene los caracteres “n” (usamos el método indexOf para probar si cada elemento contiene los caracteres “n”).

Tan pronto como el método find() encuentra un elemento que cumple la condición, devuelve el valor de ese elemento y no procesa el resto de los elementos de la matriz (evitando que el método find() procese los elementos “the” y “net” en la matriz). Esto se puede ver en la salida del registro de la consola del navegador web.

(Visited 11 times, 1 visits today)