Cadena de filtro en JavaScript
-
Use el método
filter()
con la funciónFlecha
para filtrar cadenas en JavaScript -
Utilice el método
indexOf()
con el métodofilter()
para filtrar cadenas en JavaScript -
Utilice el método
test()
con el métodofilter()
para filtrar cadenas en JavaScript -
Utilice el método
includes()
con el métodofilter()
para filtrar cadenas en JavaScript
Cuando se trata de una amplia gama de elementos de matriz de cadenas y se extraen coincidencias preferibles, podemos depender de varios métodos. El método básico filter()
de JavaScript inicia el proceso y, más tarde, según nuestras preferencias, podemos seleccionar otros métodos.
Debemos tener en cuenta que otras convenciones como los métodos find()
y findIndex()
también pueden adquirir coincidencias. Pero estas funciones solo devuelven el número de índices de la cadena coincidente; estos no pueden devolver la secuencia del patrón dado para ser examinado con la cadena de matriz.
Además, estos se pueden usar y adaptar con condiciones adicionales para recuperar la secuencia coincidente.
Aquí, demostraremos el uso del método filter()
con la operación de flecha básica y condiciones específicas. Además, veremos el uso de los métodos indexOf()
, test()
e include()
para obtener la cadena que satisface el patrón dado.
No todos estos métodos devuelven la cadena directamente. Por lo tanto, los incorporaremos con el método filter()
para rastrear los elementos de la matriz.
Use el método filter()
con la función Flecha
para filtrar cadenas en JavaScript
En este caso, elegiremos una matriz con elementos de cadena. El método filter()
iterará a través de cada elemento y verá si la condición coincide con la condición aplicada con la función de flecha.
Aquí, la tarea solo necesita unas pocas líneas de código. Comprobemos eso.
Fragmento de código:
var myArray = ['abadef', 'sbade', 'psadbe']
filtered = myArray.filter(x => x.length <= 5)
console.log(filtered)
Producción:
Como se puede observar, hemos agregado la restricción de que solo los elementos de cadena con longitudes menores o iguales a 5
serán los candidatos seleccionados. Y en base a esa especificación, se derivó la salida.
Utilice el método indexOf()
con el método filter()
para filtrar cadenas en JavaScript
Trabajaremos en la misma matriz de cadenas categorizadas con múltiples elementos de cadena. En este caso, elegiremos un patrón de cadena que queremos hacer coincidir con nuestra cadena dada, y cualquier cadena que sea el superconjunto del patrón es el elemento de cadena objetivo.
El método indexOf()
normalmente devuelve el índice de la cadena donde se encuentra el patrón. Pero en este caso, tenemos cadenas como elementos de la matriz, por lo que, sea cual sea el elemento que coincida, la función comenzará a contar el índice desde el inicio de la posición del carácter del elemento.
Aunque solo hemos mostrado el elemento seleccionado en el ejemplo, puede intentar volver a verificar las palabras.
Fragmento de código:
var myArray = ['abadef', 'sbade', 'psadbe'];
var PATTERN = 'sad',;
filtered = myArray.filter(function(str) {
return str.indexOf(PATTERN) !== -1;
});
console.log(filtered)
Producción:
Utilice el método test()
con el método filter()
para filtrar cadenas en JavaScript
La función test()
en JavaScript devuelve true
o false
. A medida que incorporamos el método con el método filter()
, obtenemos el elemento de cadena coincidente como los nuevos elementos para el objeto filtrado
.
Además, una sección notable es que el método test()
hace coincidir RegExp
con los elementos.
Fragmento de código:
var myArray = ['abadef', 'sbade', 'psadbe']
var PATTERN = /bad/,
filtered = myArray.filter(function(str) {
return PATTERN.test(str);
});
console.log(filtered)
Producción:
Utilice el método includes()
con el método filter()
para filtrar cadenas en JavaScript
Aquí, el método incluye()
regresa en forma booleana, pero, en este caso, el patrón coincidente puede ser una cadena y no una expresión regular. Nuevamente, usaremos el método filter()
para iterar a través de los elementos de la matriz y tomar los casos aceptados.
Entonces, saltemos a la cerca del código.
Fragmento de código:
var myArray = ['abadef', 'sbade', 'psadbe']
var PATTERN = 'ef',
filtered = myArray.filter(function(str) {
return str.includes(PATTERN);
});
console.log(filtered)
Producción: