Estoy usando el método javascript includes() para filtrar una matriz de objetos que se parece a esto;
const names = [ {name: 'Rose-mary Thompson', age: 30}, {name: 'Rose mary Samuel', age: 30}, {name: 'John-Doe Jackson', age: 30}, {name: 'John Doe Philips', age: 30}, ]si busco 'Rose mary', quiero que el resultado también incluya 'Rose-mary'. No quiero que el usuario tenga que escribir un guión (-) antes de que aparezcan los nombres con - en el resultado de la búsqueda.
Este es mi código;
let searchQuery = 'Rose mary' let filteredResults = [] const searchItems = () => { if (searchQuery.length > 1) { const results = names.filter((name) => { return name.name.toLowerCase().includes(searchQuery.toLowerCase()); }); filteredResults = results } }Por favor, ¿cómo logro esto?
includes sólo encontrará una coincidencia exacta . Como ya está ajustando cada cadena a medida que busca, puede "normalizar" tanto searchQuery como el name para que estén en minúsculas - convertidos a espacio:
const searchItems = () => { if (searchQuery.length > 1) { const adjustedQuery = searchQuery.toLowerCase().replace(/-/g, " "); const results = names.filter((name) => { return name.name .toLowerCase() .replace(/-/g, " ") .includes(adjustedQuery); }); filteredResults = results; } }; const names = [ { name: "Rose-mary Thompson", age: 30 }, { name: "Rose mary Samuel", age: 30 }, { name: "John-Doe Jackson", age: 30 }, { name: "John Doe Philips", age: 30 }, ]; let searchQuery = "Rose mary"; let filteredResults = []; const searchItems = () => { if (searchQuery.length > 1) { const adjustedQuery = searchQuery.toLowerCase().replace(/-/g, " "); const results = names.filter((name) => { return name.name .toLowerCase() .replace(/-/g, " ") .includes(adjustedQuery); }); filteredResults = results; } }; searchItems(); console.log(filteredResults); Nota al margen: también haría names y parámetros de consulta de searchQuery para la función, y haría que devuelva los resultados:
const names = [ { name: "Rose-mary Thompson", age: 30 }, { name: "Rose mary Samuel", age: 30 }, { name: "John-Doe Jackson", age: 30 }, { name: "John Doe Philips", age: 30 }, ]; const searchItems = (names, searchQuery) => { if (searchQuery.length > 1) { const adjustedQuery = searchQuery.toLowerCase().replace(/-/g, " "); const results = names.filter((name) => { return name.name .toLowerCase() .replace(/-/g, " ") .includes(adjustedQuery); }); return results; } return names; // Or whatever you want when there's no query }; console.log(searchItems(names, "Rose mary"));