Какие есть способы вывести от 1 до 10?

Question

[Junior Development]

Напишите пожалуйста несколько вариантов вывода чисел от 1 до 10.
Возможно более короткий и современный способ.

К примеру:

const parent = document.querySelector('.parent');
let x = 0;

do {
    x++
    let elem = document.createElement('div');
    elem.innerHTML = x;
    parent.appendChild(elem);
} while(x !== 10);

Comments

[WapSter]

А зачем современный? Для этого есть основной цикл for. Do while не для этого нужен

Answer 1

[Tim]

<div class="parent"></div>

document.querySelector('.parent').innerHTML = [...Array(10)].map((_, i) => `<div>${i + 1}</div>`).join('')

Answer 2

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

const parent = document.querySelector('.parent');
Array.from({length: 10}, (_, i) => (
  parent.appendChild(document.createElement('div')).textContent = i + 1
));

Answer 3

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

есть циничный способ ;)

const ol = document.createElement('ol');
for (let i = 10; i-->0;) ol.appendChild(document.createElement('li'));
document.body.appendChild(ol);

Comments

[t800zippygod]

Скажите, пожалуйста, что за оператор вы использовали в конструкции for ()

[Владислав Лысков]

t800zippygod, это называется декремент

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

t800zippygod, это не по правилам написано, для красоты. На самом деле так:
for (let i = 10; i-- > 0; )
смысл тот же, что:
for (let i = 10; i > 0; i = i - 1)