Как отсортировать массив DOM-элементов в зависимости от значений атрибута вложенных элементов?

Question

[Александр Ширяев]

У меня есть массив DOM-элементов. В каждом есть 'a href="...value=42"'. Числа после = разные, в разном порядке, могут и не быть. Подскажите как лучше отсортировать массив по числу после =, где value=1, должен быть на первом месте, value=2 - на втором и т.п. Если после value=2 идёт сразу value=10, то этот элемент помещается на третье место. Если value=num нет, то этот элемент помещается в конец массива.
Элементы типа

<div>
    <a href="some_string...value=10">link</a>
</div>

Answer 1

[0xD34F]

const sorted = arr
  .map(n => [
    n,
    +new URLSearchParams(n.querySelector('a').href.split('?').pop()).get('value') || Infinity,
  ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);

UPD. А точно массив? Если всё-таки сортировать надо элементы внутри их родителя, то

parentEl.append(...Array
  .from(parentEl.querySelectorAll('a'), n => [
    n.parentNode,
    Number(n.getAttribute('href').match(/(?<=value=)\d+/)) || Infinity,
  ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0])
);

Comments

[Aetae]

+n.querySelector =)
Ну и 0 не учитывает, хотя и не надо наверное.

[0xD34F]

Aetae, вообще да, но в данном случае не обязательно - при вычитании оно и так к числу будет приведено.

[Aetae]

0xD34F, ну там может быть не число, хз куда оно NaN отсортирует.

[0xD34F]

Aetae, типа мусорное значение? А, ну да, тогда лучше преобразовывать явно. Добавил.

Answer 2

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

Как я понял, сортировать не по отдельному атрибуту, а по числу в конце длинного значения href.

..про Infinity списал у 0xD34F