Объясните пожалуйста как работает l[...num+'']?

Question

[timonck]

Искал решение для подзадачи (число разбить на отдельные цифры) в гугле и наткнулся на такой вариант решение

let num = 12345;
let res = [...num+''];
console.log(res) //["1", "2", "3", "4", "5"];
res.map(n=>+n)  //[1, 2, 3, 4, 5]

Раньше не встречал такого ([...num+'']) использования spread оператора
Может кто то объяснить как это работает и можно ли использовать в реальных задачах?

Comments

[Simkav]

А что конкретно вам не понятно? Если вы уже знакомы со спред и рест операторами тут все должно быть очевидно я думаю

[timonck]

Simkav, хотел просто услышать мнение людей по поводу такой записи

[Simkav]

timonck, Понятная запись для людей знакомых со спредом, так что не вижу никаких проблем при использовании в реале, но не забывайте что код в первую очередь должен быть читаемый)

Answer 1

[WbICHA]

[...num+''] = [...`${num}`] = [...num.toString()] = num.toString().split('')

Строка ─ это массив символов, так что это преобразование одного массива в другой.
По поводу использования, хочешь ─ используй, не хочешь ─ не используй. Это стандартный синтаксис без ноухау.
Единственное я хз как там с производительностью, но, думаю, она будет выше.

И да, лучше используй этот вариант: [...`${num}`]. Просто нагляднее и современнее.

Comments

[WbICHA]

Кстати, ещё есть такой вариант:
Array.prototype.map.call('asd', (v) => v)