Cómo filtrar elementos de matriz en JavaScript

Cómo filtrar elementos de matriz en JavaScript
JavaScript proporciona varias funciones y métodos que pueden usarse para realizar algunas operaciones en elementos de matriz. El método Filter () de JavaScript le permite filtrar elementos de matriz basados ​​en alguna condición. La condición se define dentro de la función de devolución de llamada. La función de devolución de llamada comprende un conjunto de líneas de código y esta función de devolución de llamada se pasa al método filtre () como argumento.

Esta publicación proporciona el funcionamiento del método Filter () y un conjunto de ejemplos que muestran cómo el método Fitter () filtra los elementos de la matriz.

Cómo filtrar elementos de matriz en JavaScript

Como se discutió anteriormente, el método Filter () se practica filtrando los elementos de la matriz en JavaScript. Esta sección presenta el trabajo y el uso del método Filter () en JavaScript.

Cómo usar el método Filter () en JavaScript

Antes de aplicar el método filtre (), echemos un vistazo a la sintaxis para obtener el concepto básico del método filtre ().

formación.Filtro (Callback-Function (Val, Index, Array), This-Val)

La sintaxis anterior ilustra que un formación está siendo

El método filtre () acepta dos parámetros Callback-Function () y this-Val

  • La función de devolución de llamada () es la parte interesada clave que toma tres parámetros val, índice y matriz
  • el Val representa el valor de la matriz que se está pasando
  • el Índice muestra el índice del elemento que se está pasando
  • Formación Parámetro en la función de devolución de llamada () denota la matriz del elemento

El valor de retorno del método filtre ()

Nota: El Val El parámetro de la devolución de llamada () es necesario para ser utilizado. Sin embargo, los otros parámetros son opcionales y no necesitan usarse cada vez.

Ejemplo 1

El siguiente código JavaScript utiliza el método Filter () para filtrar elementos específicos de una matriz.

var a = [2, 7, 11, 15, 18, 22]
función incluso (num)
devolución num%2 == 0;

consola.registro (a.filtro (incluso));

En el código anterior, se crea una matriz de números en el que se aplicaría el método filtre (). Después de eso, se crea una función que filtra solo los números pares y esta función se pasa al método filtre () como argumento.

Producción

La salida muestra que solo los números pares de la matriz se imprimen en la consola.

Ejemplo 2

El ejemplo explicado aquí filtraría los números positivos de la matriz.

var arr = [-2, 5, -10, -12, 7, 15]
función pos (num)
return num> = 0;

consola.registro (arr.filtro (pos));

El código anterior crea una matriz de números y luego se ejecuta una función de devolución de llamada que los filtros devuelven los números mayores o iguales a cero.

Producción

La salida muestra que el método de filtro ha devuelto solo aquellos números que tienen valores mayores o iguales a cero.

Nota: Se puede actualizar el contenido de la matriz manteniendo solo los valores que devuelven el método Filter ().

Ejemplo 3

El siguiente código practica el uso del método filtre () en una matriz de cadenas.

var str = ["OS Linux", "OS de Windows", "macOS"]
función len (num)
numer.longitud> 5;

consola.log (STR.filtro (len));

El código anterior crea una matriz de cadenas y luego se aplica la función de devolución de llamada que obtendría la longitud de cada elemento. Después de eso, la función de devolución de llamada devolvería solo aquellos elementos de cadena que tienen una longitud mayor que 5.

Producción

La salida muestra que solo se devuelven esos elementos de cadena que tienen longitudes superiores a 5.

Conclusión

En JS, los elementos de la matriz se pueden filtrar utilizando el método filtre (). El ingrediente principal del método filtre () es la función de devolución de llamada. El método Filter () es necesario ejecutar con la función de devolución de llamada. Esta función de devolución de llamada contiene algunas líneas de código que establecen la condición que se utilizaría para filtrar elementos de matriz. Al pasar por esta publicación, habría aprendido a filtrar elementos de matriz en JavaScript usando el método Filter () junto con un conjunto de ejemplos.