Tengo este código que primero lee qué posición de una casilla de verificación está marcada y luego ejecuta varios ifs. Luego pensé que podría hacer el código más pequeño si usaba switch/case, mientras también guardaba el comando para usos posteriores. El comando era así:
if (fsex[0].checked { gender = 'man' if (age >= 0 && age <= 10) { img.setAttribute('src', 'male-baby.png') } else ifIntenté usar el interruptor cambiando la línea de "género" a continuación a algo como esto:
switch (age) { case (age >=0 && age <= 10): img.setAttribute('src', 'male-baby.png') break case ...etcEsto no funcionó.
Luego probé con case >=0 , que luego el VSCode devuelve inmediatamente un error de sintaxis "expresión esperada.
¿Hay alguna manera de que pueda usar switch/case para este? ¿O debería quedarme con varios si / si no?
Puedes usar este "truco":
const age = 14; switch(true) { case age > 5 && age <= 10: console.log('bla 1'); break; case age > 10 && age <= 20: console.log('bla 2'); break; case age > 20 && age <= 30: console.log('bla 3'); break; }Cada rama de case de una declaración de switch espera una expresión , y el valor de la expresión se comparará con el argumento inicial. En este caso, eso significa que está comparando la age con true o false (el resultado de la expresión (age >= 0 && age <= 10) . Técnicamente puede usar switch (true) para esto, pero no hay mucho valor al hacerlo.
Dicho esto, hay otros patrones que te permiten expresar lo que estás tratando de hacer sin un condicional con muchas ramas. Por ejemplo:
[ { max: 10, callback: () => { img.setAttribute("src", "example.jpg") }, { max: 15, callback: () => { ... }, { max: 20, callback: () => { ... }, ].find(({ max }) => max >= age)?.callback()O si realmente no le importa que otros entiendan el código en el futuro, puede aprovechar el orden de inserción-recuperación consistente:
const conditions = { 10: () => { console.log("a") }, 15: () => { console.log("b") }, Infinity: () => { console.log("c") }, } Object.entries(conditions).find(([max]) => max >= age)?.[1]()