Как отсортировать элементы внутри массива?

Question

[Станислав]

Подскажите пожалуйста, как отсортировать и вывести числа внутри блока result по порядку. Не совсем понимаю как работать с объектом NodeList. Также не могу понять, как обратиться к значению внутри тега div. Заранее благодарю!

Answer 1

[Сергей Соколов]

Из NodeList можно сделать массив со всеми его методами: const arr = Array.from(myNodeList);
Значение внутри элемента div: const text = div.textContent;

function func1() {
  // сделать массив с этими дивами
  const divs = Array.from(document.querySelectorAll(".data > div"));

  // отсортировать, интерпретируя текст как числа
  divs.sort((a, b) => +b.textContent - +a.textContent);

  // куда их всех переставлять
  const result = document.querySelector(".result");

  // пока в массиве что-то есть, берём последний и вставляем в result
  while(divs.length) {
    result.appendChild(divs.pop());
  }
}
func1();

Comments

[Станислав]

Работает! Спасибо!

Answer 2

[0xD34F]

const sorted = (data, key) => Array
  .from(data, n => [ n, key(n) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);


document.querySelector('.result').append(...sorted(
  document.querySelector('.data').cloneNode(true).children,
  n => +n.innerText
));

Comments

[Сергей Соколов]

– Класс!, – подумал Ржевский. А вслух добавил:
– Провинция, не поймут-с.

[Станислав]

Благодарю!