así que he estado mirando este hilo durante los últimos días
matriz de filtro javascript múltiples condiciones
Y si bien ofrece soluciones fantásticas si conozco los parámetros del filtro, ¿qué sucede cuando no los conozco a ambos? No tengo ni idea de cómo hacer eso.
Tengo una configuración de filtro muy básica en marcha...
// check for text search values to populate names this.searchBar.addEventListener("keyup", e => { this.searchString = e.target.value.toLowerCase(); this.new_table(); }); // check for gender options this.genderFilter.addEventListener("change", e => { this.genderOption = e.target.value; this.new_table(); }); // Build out the filter new_table() { const searchText = this.searchString; let combinedFilter = this.response.filter(char => { const name = char.first_name.includes(searchText) || char.last_name.includes(searchText); const gender = this.genderOption; return name || char.gender == this.genderOption; }); this.build_table(combinedFilter); } // build_table is my function that takes the json data and converts it into html
Esto funciona fantástico para la situación OR, pero si cambio el retorno a &&, requiere que se completen ambos para mostrar los resultados.
Soy bastante nuevo con JS, pero estoy pensando en algunas formas de hacerlo y probablemente me equivoque en todo.
He buscado en este foro y en la web, pero aparentemente apesto buscando porque no pude encontrar a nadie que tuviera una combinación combinada de búsqueda + filtro desplegable. Parece uno u otro pero nunca ambos.
¡Cualquier ayuda que puedas dar sería increíble, gracias!