2

Estoy trabajando sobre una API de personajes y gracias al método .filter() pude resolver como encontrar dichos personajes por estado o por episodio donde figuran.

Ahora, a la hora de buscarlos por nombre el método filter solo encuentra si cuando busco ingresamos exactamente el mismo nombre.

Por ejemplo:

Si el personaje se llama "Rick Sanchez" y a la hora de buscar pongo "rick" osea el nombre no completo y sin la mayúscula no me lo encuentra.

¿Cómo podría corregir esto?

Edito y agrego el ejemplo del código que estoy usando:

De esta forma me lo toma (pero no es la idea):

filtradoPorNombre = episodiosFiltrados.filter(e => e.name === 'Rick Sanchez')
0

1 respuesta 1

1

Te recomiendo normalizar la cadena de entrada, convertirla a minúsculas y, posteriormente, compararla con la cadena también normalizada y convertida a minúsculas que estás buscando.

En el siguiente ejemplo te muestro cómo hacerlo:

const episodiosFiltrados = [
  { name: 'Rick Sanchez' },
  { name: 'Rick & Morty' },
  { name: 'Terminator 2' },
];

function normalizar(palabra) {
  return palabra.normalize("NFD")
    .replace(/[\u0300-\u036f]/g, "")
    .toLowerCase();
}

filtradoPorNombre = episodiosFiltrados.filter(elemento => 
  normalizar(elemento.name)
    .includes(normalizar('rick'))
);
console.log(filtradoPorNombre);

Para empezar, he usado String.normalize() para normalizar los caracteres (convierte Á en A, é en e, etc) y luego String.toLowerCase() para convertir el texto en minúsculas.

Por último, he usado la función String.includes() para comprobar si el nombre contiene el texto que estamos buscando.

Como ambas cadenas estarán normalizadas, la comprobación será mucho más flexible.

1
  • 1
    Pude resolverlo con esto! Gracias.
    – pilki
    Commented el 29 sept. 2021 a las 21:50

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.