Al igual que Java y los filtros, JavaScript y los métodos de matriz van de la mano. Sin métodos de matriz, la funcionalidad de JavaScript estaría severamente limitada. Tendríamos una serie de placas y nada que ver con ellas.
Con eso en mente, en esta publicación discutiremos los beneficios del método de matrices de JavaScript conocido como filtrar(), que filtra los datos de la matriz. Primero hablaremos de lo que filtrar() hay un método y cómo funciona, luego veremos algunos ejemplos en acción.
Sin más demora, entremos de inmediato.
filtro JavaScript
Las matrices de JavaScript son una de las estructuras de datos más poderosas que ofrece JS y contienen varios métodos que pueden mejorar su funcionalidad. JS filtrar() El método es un gran ejemplo de los poderosos métodos proporcionados.
los filtrar() El método proporciona un medio para filtrar los datos de la matriz en función de ciertas condiciones. Funciona obteniendo todos los valores de la matriz proporcionada que coinciden con los criterios establecidos y colocándolos en una nueva matriz.
El proceso parece simple y, a menudo, lo es, pero su poder se ve mejor en tareas más complejas. Veamos cómo JS filtrar() el método funciona, su sintaxis y algunos ejemplos en acción.
¿Qué aspecto tiene el método de filtro ()?
En muchos sentidos, JavaScript filtrar() El método se parece a cualquier otro método excepto por los parámetros que acepta. El método de filtrado, como muchos métodos, acepta parámetros que brindan más opciones para manipular los datos en la matriz. Echemos un vistazo a la sintaxis de este método y dividámoslo en pasos viables.
Dividamos esta sintaxis en partes, comenzando con la sintaxis del método sin sus parámetros.
Filtro JavaScript () Sintaxis
La sintaxis aquí es simple, y llama al método de filtro en la matriz donde desea usarlo. En el ejemplo anterior formación es el objetivo de mi .filtrar() es el método que se llama.
array.filter()El método de filtrado funciona como un iterador, recorriendo la matriz un elemento a la vez, deteniéndose cuando la matriz se completa. A continuación, veamos los parámetros que puede aceptar este método.
Parámetro Array.filter()
los filtrar() el método toma dos parámetros; la primera es la función que se ejecutará en la placa. Los programadores usan esta función para crear todo, desde declaraciones condicionales simples hasta ecuaciones complejas. Esta función acepta tres parámetros; solo se requiere el primero.
function(currentValue, index, arr)La función accede a la matriz a través de un método. los Valor actual Un parámetro dentro de una función contiene un elemento de matriz al que se accede actualmente mediante el método de filtro. Al eliminar los parámetros opcionales, podemos ver un ejemplo básico de cómo funciona.
Suponiendo la siguiente matriz de números
const nums = [1, 2, 3, 4, 5, 6, 7];Puede ejecutar una función con ArrWe para verificar si alguno de los valores es par o impar. El filtro luego asignará todos los números coincidentes a la nueva matriz.
let evenNums = nums.filter( num => !( num % 2) );La función de flecha anterior devolverá con éxito cualquier elemento de la matriz que sea un número par, luego el método de filtro lo unirá al nuevo objeto de la matriz. Variable números pares entonces contendría los números pares de la matriz original.
[2,4,6]Para ecuaciones y acciones más complejas, puede declarar una función con nombre y hacer referencia a ella por su nombre.
Mirémoslo más a fondo, asumiendo la misma matriz y propósito que el anterior.
/* to get odd numbers simply remove the !*/
nums.filter( evenNums );
let evenNums = num => { If ( !(num % 2) ) { }};
Tenga en cuenta que hay advertencias a tener en cuenta al decidir si usar una declaración de función tradicional o una declaración de función de flecha. Es importante considerar levantamiento requisitos, cercasolicitud este palabra clave y si necesita crear Nuevo instancias.
Ahora que hemos cubierto los parámetros obligatorios necesarios para este método, consideremos cómo habilitar y usar parámetros opcionales.
Cómo usar un filtro en JavaScript
Como los otros parámetros son opcionales, podemos discutirlos brevemente y darle algunos ejemplos. Ver todos los parámetros disponibles en acción lo ayudará a comprender cómo funcionan.
nums.filter(function(num, index, arr), thisValue);El parámetro de índice de la función contiene la ubicación de índice del elemento actual en la iteración, comenzando con 0 incrementos con cada iteración. Se puede acceder al índice desde dentro de una función, lo que brinda a los programadores un mayor control sobre cómo acceden a los elementos de la matriz y permite una manipulación detallada.
Lo mismo es cierto para el parámetro arr; acceder a él dentro de una función permite a los desarrolladores monitorear el estado actual de la matriz a medida que itera a través del método de filtrado. Finalmente, el último parámetro del método de filtrado se pasa como este valor del método. los este el valor del método contiene cualquier dato contextualmente relevante para la operación.
Nuevamente, esto es mucho para beber, así que echemos un vistazo a cómo poner en práctica estos parámetros y consolidar cómo funcionan.
Filtro JavaScript () Ejemplo
En este ejemplo, en lugar de buscar valores pares o impares, veremos cómo establecer un rango para nuestros números. Además, usando consola.log ()podemos observar el índice de cada iteración y el estado actual del arreglo.
let nums= [ 50, 40, 10, 16, 12 ];
let range = { bottom: 45, top: 100};
let teenagers = people.filter(function (person, id, arr) {
console.log( arr[id] )
arr[id] = arr[id] + arr[id]
return person >= this.lower && person <= this.upper;
}, range)
Ejecutar el código anterior registrará el ID de la iteración actual y luego cambiará el valor de cada elemento, agregando su valor a sí mismo. Básicamente, duplicaría cada valor y luego agregaría cada valor dentro recepción a un nuevo tablero.
Usando el método de filtro de JavaScript ()
Hemos discutido las propiedades del método de filtro y todos los parámetros. Incluso hemos visto algunos ejemplos de cómo funciona. Hasta ahora te has familiarizado con los conceptos básicos que hay detrás. Consolidemos este conocimiento discutiendo brevemente estos conceptos.
función (ValorActual, índice, arr), taValue
- matriz.filtro (): itera a través de la matriz, una vez para cada elemento, y crea una nueva matriz basada en los resultados de los parámetros dados. Toma dos parámetros, y el primero es una función requerida. El segundo es proporcionar el contexto en el que debe comportarse la función.
- función (ValorActual, índice, arr): requiere un parámetro de función para ejecutarse. La función manipula la forma de manejar y agregar elementos de matriz a la nueva matriz.
- este valor: El método acepta un segundo parámetro opcional. Este parámetro se utiliza para crear este un valor al que se puede acceder mientras la función se está ejecutando. Este contexto se puede usar para controlar aún más qué información se agrega a la nueva tabla.
- valor actual, índice, arrEl parámetro de función toma tres parámetros, el primero es obligatorio y almacena el elemento actual en una matriz. Los otros dos son opcionales, uno para contar el índice actual del elemento de la matriz y el otro para mostrar el estado actual de la matriz.
