Wie definiere ich ein Array mit bedingten Elementen?

Wie kann ich bedingte Array-Elemente definieren? Ich möchte so etwas tun:

const cond = true;
const myArr = ["foo", cond && "bar"];

das funktioniert wie erwartet: ["foo", "bar"]

Aber wenn ich gesetzt condzu false, erhalte ich folgendes Ergebnis:["foo", false]

Wie kann ich ein Array mit einem bedingten Element definieren?

Sie können ein Array innerhalb eines Arrays verteilen, um das Array der Elemente sauber zu halten, wenn die Bedingung erfüllt ist false.

So geht's :

// Will result in ['foo', 'bar']
const items = [
  'foo',
  ... true ? ['bar'] : [],
  ... false ? ['falsy'] : [],
]

console.log(items)

Erklärungen :

Wie Sie sehen, gibt der ternäre Operator immer ein Array zurück.

Wenn die Bedingung erfüllt ist true, ['bar']wird ein leeres Array zurückgegeben [].

Danach verteilen wir ...das resultierende Array (aus der ternären Operation) und die Elemente des Arrays werden in das übergeordnete Array verschoben.

Wenn es keine Array-Elemente gibt (wenn die ternäre Prüfung durchgeführt wird false), wird nichts verschoben, was unser Ziel ist.

In einer anderen Antwort erklärte ich die gleiche Idee, aber für Objekte. Sie können es auch hier überprüfen .

Ich würde das tun

[
  true && 'one',
  false && 'two',
  1 === 1 && 'three',
  1 + 1 === 9 && 'four'
].filter(Boolean) // ['one', 'three']

Beachten Sie, dass dadurch auch falsche Werte entfernt werden, z. B. leere Zeichenfolgen.

Sie können mit einem einfachen versuchen, wenn:

if(cond) {
    myArr.push("bar");
}

Wenn Sie es wirklich als Einzeiler behalten möchten, können Sie Folgendes verwenden:

const cond = true;
const myArr = ["foo"].concat(cond ? ["bar"] : []);

Sie haben nicht so viele andere Optionen als push:

const cond = true;
const myArr = ["foo"];

if (cond) myArr.push("bar");

Eine andere Idee besteht darin, möglicherweise Nullen hinzuzufügen und diese herauszufiltern:

const cond = true;
const myArr = ["foo", cond ? "bar" : null];

myArr = myArr.filter((item) => item !== null);

Es gibt verschiedene Möglichkeiten, aber die Art und Weise, wie Sie es tun, funktioniert für Javascript nicht wirklich.

Die einfachste Lösung wäre, nur eine if-Anweisung zu haben.

if (myCond) arr.push(element);

Es gibt auch filter, aber ich denke nicht, dass Sie das hier überhaupt wollen, da Sie anscheinend "Fügen Sie diese eine Sache hinzu, wenn diese eine Bedingung wahr ist", anstatt alles mit einer Bedingung zu vergleichen. Obwohl, wenn Sie wirklich ausgeflippt werden möchten, können Sie dies tun (würde nicht empfehlen, aber es ist cool, dass Sie können).

var arr = ["a", cond && "bar"];
arr.filter( e => e)

Grundsätzlich werden nur alle nicht wahren Werte herausgefiltert.

const cond = false;
const myArr = ["foo", cond ? "bar" : null].filter(Boolean);

console.log(myArr)

Wird zu ["foo"] führen

Alternativer Ansatz: Vorfilter füllen statt Nachfiltern:

const populate = function(...values) {
    return values.filter(function(el) {
        return el !== false
    });
};

console.log(populate("foo", true && "bar", false && "baz"))

Kehrt zurück

(2) ["foo", "bar"]

Ich weiß, dass dies die Kurzschreibweise nicht löst (da es nicht funktioniert, egal was Sie versuchen), aber es kommt dem nahe.

Wenn Sie es6 verwenden, würde ich vorschlagen

let array = [ "bike", "car", name === "van" ? "van" : null, "bus", "truck", ].filter(Boolean);

Dieses Array enthält nur den Wert "van", wenn der Name gleich "van" ist, andernfalls wird er verworfen.

wenn du benutzt Array.push

Sie können folgen

var a = ["1"]
a.push(... !true ? ["2"] : [])

Ergebnis ist ["1"]

oder

var a = ["1"]
a.push(... true ? ["2"] : [])

Ergebnis ist ["1","2"]