¿Cómo definir una matriz con elementos condicionales?
¿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 lo configuro cond, falseobtengo 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, entonces devuelve ['bar']; en caso contrario, una matriz vacía [].
Después de eso, distribuimos ...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 consultarlo también aquí .
yo haría esto
[
true && 'one',
false && 'two',
1 === 1 && 'three',
1 + 1 === 9 && 'four'
].filter(Boolean) // ['one', 'three']
Tenga en cuenta que esto también eliminará los valores falsos , como las cadenas vacías.
Si realmente desea mantenerlo como una sola línea, puede usar:
const cond = true;
const myArr = ["foo"].concat(cond ? ["bar"] : []);
const cond = false;
const myArr = ["foo", cond ? "bar" : null].filter(Boolean);
console.log(myArr)
Resultará en ["foo"]
