Cadena de filtro en JavaScript

Anika Tabassum Era 15 febrero 2024
  1. Use el método filter() con la función Flecha para filtrar cadenas en JavaScript
  2. Utilice el método indexOf() con el método filter() para filtrar cadenas en JavaScript
  3. Utilice el método test() con el método filter() para filtrar cadenas en JavaScript
  4. Utilice el método includes() con el método filter() para filtrar cadenas en JavaScript
Cadena de filtro 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:

Uso del método filter() con función de flecha

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:

Uso del método indexOf() con el método filter()

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:

Uso del método test() con el método filter()

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:

Uso del método include() con el método filter()

Anika Tabassum Era avatar Anika Tabassum Era avatar

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn Facebook

Artículo relacionado - JavaScript String