Jak zdefiniować tablicę z elementami warunkowymi?

jak mogę zdefiniować warunkowe elementy tablicy? chcę zrobić coś takiego:

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

to działa zgodnie z oczekiwaniami: ["foo", "bar"]

Ale jeśli mogę ustawić condaby false, uzyskać następujący wynik:["foo", false]

Jak mogę zdefiniować tablicę z elementem warunkowym?

Możesz rozłożyć tablicę wewnątrz tablicy, aby zachować czystość tablicy elementów, gdy warunek to false.

Oto jak możesz to zrobić :

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

console.log(items)

Objaśnienia :

Jak widać, operator trójargumentowy zawsze zwraca tablicę.

Jeśli warunek to true, to zwraca ['bar'], w przeciwnym razie pusta tablica [].

Następnie rozkładamy ...wynikową tablicę (z operacji trójskładnikowej) i elementy tablicy są wypychane do tablicy nadrzędnej.

Jeśli nie ma żadnych elementów tablicy (gdy jest sprawdzanie trójskładnikowe false), nic nie zostanie przesunięte, co jest naszym celem.

W innej odpowiedzi wyjaśniłem ten sam pomysł, ale dla przedmiotów. Można to sprawdzić za tutaj .

Zrobiłbym to

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

Zwróć uwagę, że spowoduje to również usunięcie fałszywych wartości, takich jak puste ciągi.

Możesz spróbować z prostym, jeśli:

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

Jeśli naprawdę chcesz zachować go jako jedną wkładkę, możesz użyć:

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

Nie masz tak wielu opcji poza użyciem push:

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

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

Innym pomysłem jest potencjalne dodanie wartości null i odfiltrowanie ich:

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

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

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

console.log(myArr)

Efektem będzie ["foo"]

Jest kilka różnych sposobów, ale sposób, w jaki to robisz, nie będzie działał w przypadku Javascript.

Najłatwiejszym rozwiązaniem byłoby posiadanie po prostu instrukcji if.

if (myCond) arr.push(element);

Jest też filter, ale nie wydaje mi się, żebyś w ogóle tego chciał, ponieważ wydaje się, że wolisz „Dodaj tę jedną rzecz, jeśli ten jeden warunek jest prawdziwy” zamiast sprawdzać wszystko pod kątem jakiegoś warunku. Chociaż, jeśli chcesz naprawdę zaszaleć, możesz to zrobić (nie polecam, ale fajnie, że możesz).

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

Zasadniczo po prostu odfiltruje wszystkie nieprawdziwe wartości.

Alternatywne podejście: filtr wstępny wypełnij zamiast filtrowania końcowego:

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

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

Zwroty

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

Wiem, że to nie rozwiązuje notacji skróconej (ponieważ nie zadziała bez względu na to, co spróbujesz), ale zbliża się do tego.

jeśli używasz es6, proponuję

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

Ta tablica będzie zawierać wartość „van” tylko wtedy, gdy nazwa jest równa „van”, w przeciwnym razie zostanie odrzucona.

Jeśli użyjesz Array.push

Możesz śledzić

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

Wynik jest ["1"]

lub

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

Wynik jest ["1","2"]