Làm thế nào để xác định một mảng với các phần tử điều kiện?

làm cách nào để xác định các phần tử mảng có điều kiện? tôi muốn làm một cái gì đó như thế này:

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

điều này hoạt động như mong đợi: ["foo", "bar"]

Nhưng nếu tôi đặt condthànhfalse , tôi nhận được kết quả sau:["foo", false]

Làm cách nào để xác định một mảng có phần tử điều kiện?

Bạn có thể dàn trải một mảng bên trong một mảng, để giữ cho mảng các mục sạch, khi điều kiện là false.

Đây là cách bạn có thể làm điều đó :

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

console.log(items)

Giải thích :

Như bạn có thể thấy, toán tử bậc ba luôn trả về một mảng.

Nếu điều kiện là true, thì nó trả về ['bar'], ngược lại là một mảng trống [].

Sau đó, chúng tôi trải ra ...mảng kết quả (từ phép toán bậc ba) và các mục của mảng được đẩy lên mảng mẹ.

Nếu không có bất kỳ mục mảng nào (khi kiểm tra bậc ba false), thì không có gì sẽ được đẩy, đó là mục tiêu của chúng tôi.

Trong câu trả lời khác, tôi giải thích ý tưởng tương tự, nhưng đối với các đối tượng. Bạn cũng có thể kiểm tra nó ở đây .

Tôi sẽ làm điều này

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

Lưu ý rằng điều này cũng sẽ loại bỏ falsy giá trị, chẳng hạn như chuỗi rỗng.

Bạn có thể thử đơn giản nếu:

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

Nếu bạn thực sự muốn giữ nó như một lớp lót, bạn có thể sử dụng:

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

Bạn không có quá nhiều tùy chọn ngoài việc sử dụng push:

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

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

Một ý tưởng khác có khả năng thêm null và lọc chúng ra:

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

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

Có một số cách khác nhau, nhưng cách bạn đang làm sẽ không thực sự hiệu quả với Javascript.

Giải pháp đơn giản nhất là chỉ có câu lệnh if.

if (myCond) arr.push(element);

Cũng có filter, nhưng tôi không nghĩ đó là những gì bạn muốn ở đây, vì bạn dường như sẽ "Thêm điều này, nếu một điều kiện này là đúng" hơn là kiểm tra mọi thứ theo một số điều kiện. Mặc dù, nếu bạn muốn thực sự kỳ quặc, bạn có thể làm điều này (sẽ không được khuyến khích, nhưng bạn có thể làm được thì thật tuyệt).

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

Về cơ bản, nó sẽ chỉ lọc ra tất cả các giá trị không đúng.

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

console.log(myArr)

Sẽ dẫn đến ["foo"]

Phương pháp thay thế: Lọc trước điền thay vì lọc bài:

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

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

Lợi nhuận

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

Tôi biết rằng điều đó không giải quyết được ký hiệu viết tắt (vì nó sẽ không hoạt động cho dù bạn cố gắng gì) nhưng nó gần đạt được điều đó.

nếu bạn đang sử dụng es6, tôi sẽ đề nghị

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

Mảng này sẽ chỉ chứa giá trị "van" nếu tên bằng "van", nếu không, nó sẽ bị loại bỏ.

nếu bạn dùng Array.push

Bạn có thể làm theo

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

Kết quả là ["1"]

hoặc là

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

Kết quả là ["1","2"]