JavaScript: método de filtro de matriz ()

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 de filtro de matriz ()

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

describir

En JavaScript, filter() es un método de matriz que devuelve una nueva matriz que contiene solo elementos que cumplen ciertas condiciones. Debido a que el método filter() 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 filter() es:

array.filter(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 filter() devuelve una nueva matriz que contiene solo elementos que satisfacen la condición proporcionada. El método filter() devuelve una matriz vacía si ningún elemento cumple la condición.

notas

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

ejemplo

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

Por ejemplo:

var totn_array = [ 1, -5, 10, -15, 0 ];

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

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

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

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

[1, 10]

En este ejemplo, el método filter() devolverá una matriz con solo 2 elementos: 1 y 10. Estos elementos cumplen la condición de ser mayores que cero.

usar thisParameter

Cuando usa un parámetro opcional llamado thisParameter, el método filter() 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_e_char(totn_element) {
   window.console.log(this + totn_element);
   return totn_element.indexOf('e') !== -1;
}

window.console.log(totn_array.filter(contains_e_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
The element being tested is: the
The element being tested is: net
["tech", "the", "net"]

En este caso, el método filter() devolverá una nueva matriz con 3 elementos: “tech”, “the”, “net” (porque el método indexOf probará cada elemento para ver si contiene el carácter “e”).

(Visited 6 times, 1 visits today)