Куда деваются дом элементы?

Question

[szQocks]

есть код https://jsfiddle.net/co549sbz/1/ , логика проста, при нажатии на кнопку - сортирую спаны и отрисовываю, но при этом не чищу див от старых спанов , и через appendChild добавляю спаны по очереди уже из отсортированного массива и тут вопрос - куда деваются старые спаны ? так как метод sort возвращает новый массив, то есть уже с новыми спанами так получается...

Comments

[Lynn «Кофеман»]

Никуда. Нет никаких новых спанов, это те самые которые были

[szQocks]

Lynn «Кофеман», +

Answer 1

[Stalker_RED]

appendChild() не копирует элемент, а перемещает.
Если вам нужно копирование - можно использовать cloneNode(true)

Comments

[szQocks]

appendChild() добавляет узел в конец списка дочерних элементов указанного родительского узла. Если данный дочерний "элемент является ссылкой на существующий узел в документе", то функция appendChild() перемещает его из текущей позиции в новую позицию

до меня дошло , несмотря на то sort хоть и возвращает новый массив ссылка до сих пор сохраняется и поэтому происходит перемещение элемента в конец а не добавление нового.

Спасибо

[Дмитрий Беляев]

несмотря на то sort хоть и возвращает новый массив

szQocks, Метод sort не возвращает новый массив, он мутирует тот что ему пришел на вход и возвращает его же. Хотя общее умозаключение верно, в массиве действительно лежат только ссылки на его содержимое, и от того что мы скопируем ссылку куда-то еще (например в другое место в массиве) само содержимое не изменится.