Как избежать ошибки при попытке применить 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]

Городить кучу проверок?

Зачем же. Складываем значения в ещё один массив: const arrs = [ arr1, arr2, arr3 ];. И тогда проверку можно будет написать один раз для всех:

const result = arrs.filter(Array.isArray).flat();

// или

const result = arrs.reduce((acc, n) => (
  n instanceof Array && acc.push(...n),
  acc
), []);

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);
}

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