3 способа инициализации массива с условными элементами в JavaScript

Этот блог расскажет вам о трех способах инициализации массива JavaScript условными элементами.

1. Создайте и разложите массив внутри массива.

Этот метод включает распространение нового массива внутри массива с помощью тернарного оператора.

const myArray = [
    'a', 'b', 'c', 'd',
    ... condition ? ['e'] : [],
];

Когда условие равно true, это добавит 'e'. Когда он равен false, он распространит пустой список[], и в массив ничего не будет добавлено.

2. Добавьте элементы условно и отфильтруйте ложные значения.

Здесь мы условно добавляем элементы с помощью тернарного оператора, а затем отфильтровываем ложные значения:

const myArray = [
    'a', 'b', 'c', 'd',
    condition ? 'e' : null,
].filter(Boolean);

Этот метод отфильтрует все ложные значения, поэтому, если ваш список может содержать логические значения, вы можете быть более явным и отфильтровать только нулевые значения:

const myArray = [
    'a', 'b', 'c', 'd',
    condition ? 'e' : null,
].filter(x => x !== null);

3. Вставьте в массив

Самый простой и очевидный способ - определить массив со всеми необходимыми элементами, а затем условно вызвать push.

const myArray = ['a', 'b', 'c', 'd'];
condition && myArray.push('e');

Это переместит 'e' в конец массива, когда condition равно true. Этот метод поддерживает только условное добавление элемента в конец массива.

Надеюсь, это помогло!