Koşullu öğeler içeren bir dizi nasıl tanımlanır?

koşullu dizi öğelerini nasıl tanımlayabilirim? bunun gibi bir şey yapmak istiyorum:

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

bu beklendiği gibi çalışıyor: ["foo", "bar"]

Ben set Ama eğer condüzere false, aşağıdaki sonuç almak:["foo", false]

Koşullu eleman içeren bir diziyi nasıl tanımlayabilirim?

Koşul olduğu zaman, öğeler dizisini temiz tutmak için bir diziyi bir dizinin içine yayabilirsiniz false.

İşte bunu nasıl yapabileceğiniz :

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

console.log(items)

Açıklamalar :

Gördüğünüz gibi üçlü operatör her zaman bir dizi döndürür.

Koşul ise , aksi takdirde boş bir dizi truedöndürür .['bar'][]

Bundan sonra ortaya ...çıkan diziyi (üçlü işlemden) yayarız ve dizinin öğeleri üst diziye gönderilir.

Herhangi bir dizi öğesi yoksa (üçlü kontrol olduğunda false), o zaman hiçbir şey itilmeyecektir, ki bu bizim amacımızdır.

Diğer cevapta aynı fikri açıkladım, ancak nesneler için. Buradan da kontrol edebilirsiniz .

Bunu yapardım

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

Bunun boş dizeler gibi yanlış değerleri de kaldıracağını unutmayın .

Aşağıdaki durumlarda basit bir deneyebilirsiniz:

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

Eğer varsa gerçekten bir astar olarak tutmak istiyorum, şunu kullanabilirsiniz:

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

Kullanmaktan başka çok seçeneğiniz yok push:

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

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

Başka bir fikir, potansiyel olarak boş değerler eklemek ve bunları filtrelemektir:

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)

["Foo"] ile sonuçlanır

Birkaç farklı yol var, ancak bunu yapma şekliniz Javascript için gerçekten işe yaramayacak.

En kolay çözüm, sadece bir if ifadesine sahip olmaktır.

if (myCond) arr.push(element);

Bir de var filter, ama burada istediğiniz şeyin bu olduğunu sanmıyorum, çünkü her şeyi bir koşulla kontrol etmektense, "Bu tek bir koşul doğruysa, şunu ekleyin" diye düşünüyorsunuz. Yine de, gerçekten çıldırmak istiyorsan, bunu yapabilirsin (tavsiye etmem, ama yapman harika).

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

Temel olarak, tüm gerçek olmayan değerleri filtreleyecektir.

Alternatif yaklaşım: Sonradan filtreleme yerine Ön Filtre doldurun:

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

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

İadeler

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

Bunun kısa notasyonu çözmediğini biliyorum (çünkü ne denersen dene işe yaramayacak) ama buna yakın geliyor.

es6 kullanıyorsanız, tavsiye ederim

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

Bu dizi, eğer isim "van" e eşitse, sadece "van" değerini içerecektir, aksi takdirde atılacaktır.

Eğer kullanırsan Array.push

Takip edebilirsin

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

Sonuç ["1"]

veya

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

Sonuç ["1","2"]