Filtrar Strings en un Array En Base a su Contenido (Valor de Búsqueda de Filtro)

Los arrays son una estructura de datos muy común en programación. En algunos casos, es necesario filtrar ciertas cadenas (strings) en el array en base a su contenido. Por ejemplo, supongamos que tenemos un array que contiene nombres de frutas y queremos filtrar solo aquellos que contienen la letra 'a'. En este artículo, discutiremos cómo aplicar filtros a un array en base al contenido de sus cadenas. Aprenderá cómo construir un código para aplicar filtros y cómo utilizar este método en sus proyectos.

📋 Aquí podrás encontrar✍

El Método Filter()
El Método Includes()
Filtrando Arrays de Objetos
Conclusión
Preguntas frecuentes

El Método Filter()

Para filtrar los elementos de un array en base a las propiedades de sus cadenas, podemos utilizar la función filter(). Este método crea un nuevo array que cumple con una condición específica a partir del array original.

El método filter() recibe como argumento una función que determina qué elementos deben mantenerse en el nuevo array. Esta función toma como parámetro cada elemento del array y debe devolver un valor booleano que determine si el elemento debe mantenerse en el nuevo array (true) o no (false).

Este es un ejemplo de código que filtra los elementos de un array en base a su contenido:

```
const frutas = ['manzana', 'banana', 'kiwi', 'naranja'];

const nuevaLista = frutas.filter(function(fruta) {
return fruta.includes('a');
});

console.log(nuevaLista); // ['manzana', 'banana', 'naranja']
```

En este ejemplo, la función de callback dentro del método filter() pregunta si cada elemento del array incluye la letra 'a'. Luego, la función devuelve true para los elementos que incluyen esta letra y false para los que no.

El Método Includes()

Para buscar la existencia de una cadena específica en cada elemento del array, podemos utilizar el método includes(). Este método devuelve un valor booleano dependiendo de si la cadena se encuentra dentro del elemento o no.

El método includes() se usa junto con la función filter() para filtrar elementos en base a su contenido.

Este es un ejemplo de código que muestra cómo utilizar el método includes():

```
const frutas = ['manzana', 'banana', 'kiwi', 'naranja'];

const nuevaLista = frutas.filter(fruta => fruta.includes('a'));

console.log(nuevaLista); // ['manzana', 'banana', 'naranja']
```

En este ejemplo, la función de callback dentro del método filter() es escrita utilizando la sintaxis de flecha (arrow function). Además, se utiliza el método includes() para verificar si cada elemento contiene la letra 'a'.

Filtrando Arrays de Objetos

En algunos casos, podemos tener un array de objetos y querer filtrar los objetos en base al contenido de una propiedad específica de los mismos.

En ese caso, la función de callback de filter() debe acceder a la propiedad que queremos verificar. Por ejemplo:

```
const frutas = [
{ nombre:'manzana', color:'rojo' },
{ nombre:'banana', color:'amarillo' },
{ nombre:'kiwi', color:'verde' },
{ nombre:'naranja', color:'naranja' }
];

const nuevaLista = frutas.filter(fruta => fruta.nombre.includes('a'));

console.log(nuevaLista); // [{nombre:'manzana', color:'rojo'}, {nombre:'banana', color:'amarillo'}, {nombre:'naranja', color:'naranja'}]
```

En este ejemplo, la función de callback dentro de filter() accede a la propiedad 'nombre' de cada objeto mediante la sintaxis de punto (.) y luego utiliza el método includes() para verificar si la letra 'a' está presente en el nombre.

Conclusión

Filtrar elementos de un array en base al contenido de sus propiedades es un proceso útil y común en programación. A través del uso de la función filter() y el método includes(), podemos filtrar elementos en base al contenido de sus strings. Además, aprendimos cómo aplicar este proceso en arrays de objetos y cómo acceder a propiedades específicas de los mismos. ¡Ahora puede utilizar estos métodos para filtrar y trabajar con arrays en su propio código!

Preguntas frecuentes

¿Puedo utilizar otros métodos en conjunto con filter()?

¡Claro que sí! La función filter() es muy versátil y puede combinarse con otros métodos de array como map(), reduce(), forEach(), entre otros.

¿Qué sucede si la cadena a buscar contiene mayúsculas y minúsculas?

Para filtrar en base al contenido de una cadena sin importar las mayúsculas y minúsculas, puede utilizar los métodos toLowerCase() o toUpperCase() en conjunto con includes(). De esta forma, todo el texto será convertido a una misma capitalización antes de buscar la cadena.

¿Qué pasa si quiero filtrar en base al contenido de varias propiedades de los objetos del array?

Puede realizar esta tarea dentro de la función de callback del filter(). En vez de únicamente acceder a una propiedad específica, puede incluir las propiedades que desee en la comparación.