Как избежать ошибки при попытке применить spread не к массиву?

Question

[Denioo]

Как избежать ошибки при попытке применить spread не к массиву?

Например:

const arr1 = ['a, 'b', 'c]
const arr2 = ['g, 'g', 't', 'y']
const arr3 = [1, 2, 3, 4]

const allArr = [...arr1, ...arr2, ...arr3]

arr1 всегда содержит массив, но arr2 и arr3 могут быть пустыми, а может быть один не пустой а другой пустой, но если развернуть пустоту в массив, то вылетает ошибка. Как этого избежать? Городить кучу проверок?

Answer 1

[0xD34F]

Убрать всех, кто не массив; заменить spread на flat:

[ arr1, arr2, arr3 ].filter(Array.isArray).flat()

Answer 2

[hzzzzl]

пустой это null? пустой массив [] можно развернуть

a1 = [2,43,5]
a2 = []
[...a1, ...a2]
// (3) [2, 43, 5]

если null/undefined , то да городить кучу проверок

Answer 3

[WbICHA]

const allArr = [...arr1, ...(arr2 || []), ...(arr3 || [])];

Не то, чтобы самое эффективное решение, но зато самое короткое.

Comments

[WbICHA]

Можно ещё так:

const allArr = [...arr1];
if(arr2) {
  allArr.push(...arr2);
}
if(arr3) {
  allArr.push(...arr3);
}

Но это уже как раз из разряда "городить кучу проверок".