Условное добавление элемента в массив в JavaScript

Условное добавление нового элемента внутри литерала массива

Когда вы хотите условно добавить элемент внутри массива, вы, вероятно, сделаете что-то вроде этого:

const animals = ['cow'];
const hasCat = true;
const hasDog = false;

if (hasCat) {
  animals.push('cat');
}

if (hasDog) {
  animals.push('dog');
}

// result: ['cow', 'cat']

Т, здесь другая идея, где мы хотим добавить все элементы, которые зависят от условия внутри литерала массива (во время инициализации массива).

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

Оператор разложения

• Тернарный операторВ приведенном выше примере создается массив, а затем каждое условие проверяется с помощью соответствующего оператора if.
• Bu
• Булево условие

Вот полная концепция кода:

const itemCondition1 = true;
const itemCondition2 = false;
// ...

const items = [
  ...(itemCondition1 ? [arrayItem1] : []),
  ...(itemCondition1 ? [arrayItem2] : []),
  // ...
  defaultArrayItem
];

Ниже приведен реальный пример, в котором два элемента добавляются на основе соответствующего условия, а третий элемент - по умолчанию.

const hasCat = true;
const hasDog = false;

const animals = [
  ...(hasCat ? ['cat'] : []),
  ...(hasDog ? ['dog'] : []),
  'cow'
];

// result: ['cat', 'cow']

Конечно, вы также можете вызвать конкретную функцию, отвечающую за вычисление условия.

const hasCat = true;

function hasDog() {
  // some calculation logic here
  return false;
}
const animals = [
  ...(hasCat ? ['cat'] : []),
  ...(hasDog() ? ['dog'] : []),
  'cow'
]

Заключение

Очень полезно, когда вы хотите сохранить все условия в одном месте. Легко понять логику, проверяя условия для каждого добавленного элемента. Кроме того, для вычисления условия можно использовать специальную функцию.

Спасибо за прочтение.

Надеюсь, вам понравилась статья.Этот метод является

Пожалуйста, рассмотрите возможность стать членом Medium и моим последователем. Это стоит $5 в месяц и дает вам неограниченный доступ к контенту Medium.

Больше контента на PlainEnglish.io .

Подпишитесь на нашу бесплатную еженедельную рассылку . Следите за нами в Twitter , LinkedIn , YouTube , и Discord .Если вам нравятся такие истории и вы хотите продолжать читать мои истории,

Заинтересованы в масштабировании своего программного стартапа? Посмотрите Circuit.