¿Cómo puedo definir elementos de matriz condicional? Quiero hacer algo como esto:
const cond = true; const myArr = ["foo", cond && "bar"]; Esto funciona como se esperaba y da como resultado ["foo", "bar"] pero si configuro cond en false , obtengo el siguiente resultado: ["foo", false]
¿Cómo puedo definir una matriz con un elemento condicional?
Puede distribuir una matriz dentro de una matriz, para mantener limpia la matriz de elementos, cuando la condición es false .
Así es como puedes hacerlo :
// Will result in ['foo', 'bar'] const items = [ 'foo', ... true ? ['bar'] : [], ... false ? ['falsy'] : [], ] console.log(items)Explicaciones :
Como puede ver, el operador ternario siempre devuelve una matriz.
Si la condición es true , devuelve ['bar'] , de lo contrario, una matriz vacía [] .
Después de eso, extendemos ... la matriz resultante (de la operación ternaria) y los elementos de la matriz se envían a la matriz principal.
Si no hay ningún elemento de la matriz (cuando la verificación ternaria es false ), entonces no se enviará nada, que es nuestro objetivo.
En otra respuesta expliqué la misma idea, pero para objetos. Puedes comprobarlo también aquí .
Si realmente desea mantenerlo como una sola línea, puede usar:
const cond = true; const myArr = ["foo"].concat(cond ? ["bar"] : []);