Как отсортировать массив в обратном порядке?

Question

[Mesuti]

Привет!

Элементы массива надо вставить с помощью .after()
Однако, в таком случае элементы встают в обратном порядке.
Возможно ли вывести в обратном порядке?

Или целесообразней изменить метод вставки на .before()?

Comments

[twobomb]

var arrayWords = ['a','b','c','d','f'];

arrayWords.reverse().map(n => {
	let p = document.createElement('p');
  p.innerHTML = n;
  document.querySelector('.listing').after(p);
})

[Mesuti]

twobomb, Спасибо! Из головы выпал reverse. Напишите, пожалуйста, ответом, отмечу

Answer 1

[dollar]

Можно просто через цикл с обращением по индексам в обратном порядке.

for (let i = arrayWords.length-1; i >= 0; i--) {
  let n = arrayWords[i];
  //..............
}

Кстати, а почему вы в такой ситуации использовали map вместо forEach?

Comments

[Mesuti]

Спасибо за ответ!
Изучаю map по учебнику, возникают иногда вопросы.. =)

Answer 2

[twobomb]

var arrayWords = ['a','b','c','d','f'];

arrayWords.reverse().map(n => {
  let p = document.createElement('p');
  p.innerHTML = n;
  document.querySelector('.listing').after(p);
})

Answer 3

[0xD34F]

Ничего сортировать не надо. И обратный порядок не нужен. Вставляем сразу всё:

document.querySelector('.listing').after(...arrayWords.map(n => {
  const p = document.createElement('p');
  p.innerHTML = n;
  return p;
}));

// или

document.querySelector('.listing').insertAdjacentHTML(
  'afterend',
  arrayWords.map(n => `<p>${n}</p>`).join('')
);

А если не сразу всё, то всё равно обратная сортировка не нужна:

arrayWords.reduce((prev, n) => (
  prev.after(document.createElement('p')),
  prev.nextSibling.innerHTML = n,
  prev.nextSibling
), document.querySelector('.listing'));