Почему оператор разворота ведет себя со строками не так как с коллекциями?

Question

[gleendo]

Почему при развороте строки в массив, он преобразуется в массив с одним элементом в виде этой строки, а при развороте например массива, он разворачивается в такой же массив элементов. Почему в случае со строкой он не разворачивается в массив символов?

console.log([...new String("String")]); // ["String"] (почему не ["S", "t", "r", "i", "n", "g"])
console.log(...new String("String")); // "S" "t" "r" "i" "n" "g"

console.log([...new Array(1, 2, 3, 4, 5)]); // [1, 2, 3, 4, 5]
console.log(...new Array(1, 2, 3, 4, 5)); // 1 2 3 4 5

PS. Пример написал на codepen с включенным babel. Без него все норм, как надо отрабатывает

PSS. Вопрос решен. В обычной консоли браузера выводится все как нужно.
На codepen же есть своя консоль. В который оказывается выводится не совсем тоже самое что и в консоль браузера (При включенном babel)

Comments

[Алексей Шашенков]

А вы сами первый пример пробовали?

console.log([...new String("String")]); //   ["S", "t", "r", "i", "n", "g"]

[gleendo]

Алексей Шашенков: Оно так и работало раньше. Сейчас же оказывается написал пример этот на codepen, а там был включен babel. Почему если использовать babel, то этот же код работает по другому?

[Алексей Шашенков]

iamevg_: babel может транспилировать код, по самой свежей спецификации которую еще обсуждали, но не утвердили. А потом когда она утверждена, могли внести правки. И получилась разница.

[gleendo]

Алексей Шашенков: Странно, я наверное что то не понимаю, но на babeljs.io в try it out, со всеми presets, работает как ожидается, получается массив символов. К тому же в результате он просто проверяет если разворачивается массив, то он в цикле просто копирует элементы в результирующий массив, а если не массив, как в данном случае, то использует Array.from, который на тот же codepen, выводит массив символов.
На jsfiddle с включенным babel, также работает как нужно.

Answer 1

[Negwereth]

Потому, что new String() это не примитивная строка, а обьект.

Comments

[gleendo]

Negwereth Какая разница, примитив все равно неявно создается при помощи конструктора класса String.

const string = "String";

console.log([...string]); // Тоже самое

Answer 2

[Stalker_RED]

Без бабелей, просто в консоли хрома то-же самое

и вот почему

Потому что console.log себя так ведет с параметрами, преданными через запятую

Comments

[gleendo]

Stalker_RED Ну у вас все как нужно отработало. Вывелся массив символов.
["S", "t", "r", "i", "n", "g"]
А на codepen конкретно при включенном babel выводится ["String"]

[Stalker_RED]

iamevg_:
https://jsfiddle.net/bwydtxbk/

[gleendo]

Stalker_RED: Все вопрос решен. В обычной консоли браузера выводится все как нужно.
На codepen же есть своя консоль. В который оказывается выводится не совсем тоже самое что и в консоль браузера. (при включенном babel)

[Stalker_RED]

iamevg_: Разный бабель?