Як визначити масив за допомогою умовних елементів?

як я можу визначити елементи умовного масиву? я хочу зробити щось подібне:

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

це працює як слід: ["foo", "bar"]

Але якщо я встановив condзначення false, я отримаю такий результат:["foo", false]

Як я можу визначити масив за допомогою умовного елемента?

Ви можете поширити масив всередині масиву, щоб зберегти масив елементів чистим, коли умова є false.

Ось як це можна зробити :

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

console.log(items)

Пояснення :

Як бачите, тернарний оператор завжди повертає масив.

Якщо умова є true, то вона повертається ['bar'], інакше порожній масив [].

Після цього ми розподіляємо ...отриманий масив (з потрійної операції), а елементи масиву надсилаються до батьківського масиву.

Якщо немає елементів масиву (коли встановлено тернарну перевірку false), тоді нічого не буде натиснуто, що є нашою метою.

В іншій відповіді я пояснив ту ж ідею, але щодо предметів. Ви також можете перевірити це тут .

Я б зробив це

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

Зверніть увагу, що це також призведе до видалення хибних значень, таких як порожні рядки.

Ви можете спробувати з простим, якщо:

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

Якщо ви дійсно хочете зберегти його як єдиний лайнер, ви можете використовувати:

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

У вас не так багато варіантів, крім використання push:

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

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

Інша ідея - потенційно додавати нульові значення та фільтрувати їх:

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"]

Існує кілька різних способів, але те, як ви це робите, насправді не спрацює для Javascript.

Найпростішим рішенням було б просто мати оператор if.

if (myCond) arr.push(element);

Є також filter, але я не думаю, що це те, що ви тут хочете взагалі, оскільки ви, схоже, збираєтесь "додати цю одну річ, якщо ця одна умова відповідає дійсності", а не перевіряти все за якоюсь умовою. Хоча, якщо ви хочете стати по-справжньому химерним, ви можете це зробити (не рекомендую, але це круто, що ви можете).

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

В основному він просто відфільтрує всі неправдиві значення.

Альтернативний підхід: заповнення попереднього фільтра замість фільтрації після:

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

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

Повернення

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

Я знаю, що це не вирішує скорочене позначення (оскільки воно не буде працювати незалежно від того, що ви намагаєтесь), але воно наближається до цього.

якщо ви використовуєте es6, я б запропонував

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

Цей масив буде містити значення "van", лише якщо ім'я дорівнює "van", інакше воно буде відкинуто.

якщо ви використовуєте Array.push

Ви можете підписатися

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

Результат є ["1"]

або

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

Результат є ["1","2"]