Deseo implementar un filtro de este estilo:
Donde de acuerdo al checkbox seleccionado me filtre los valores de un array de números.
Por ejemplo con el siguiente array array = [180, 210, 250, 290, 350]
:
- Si solo tengo la primera condicion seleccionada (<100) el resultado seria un array vacio.
- Si selecciono la segunda condicion (entre 100 y 200) y la cuarta condicion (>300) el resultado seria [180, 350]
Tengo la siguiente función planteada que podría manejar este tema, sin embargo siento que el código es demasiado largo y complicado.
JS
function filtrarNumeros (array, c1, c2, c3, c4) {
/*c1 al c4 son booleanos que representan si se selecciono la condición de filtro */
// f1 al f4 son los resultados de cada filtro
// al final se concatenan
let f1 = []
let f2 = []
let f3 = []
let f4 = []
if (c1) {
f1 = array.filter(numero => {
return numero < 100
})
}
if (c2) {
f2 = array.filter(numero => {
return (numero >= 100 && numero < 200)
})
}
if (c3) {
f3 = array.filter(numero => {
return (numero >= 200 && numero < 300)
})
}
if (c4) {
f4 = array.filter(numero => {
return (numero >= 300)
})
}
if ([c1, c2, c3, c4].every(e => e === false)) {
return array // si no hay nada seleccionado devuelve el mismo array
} else {
return f1.concat(f2, f3, f4)
}
}
Agradecería su ayuda para tener una versión mas elegante y legible que me permita resolver este problema.