JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

JavaScript

const data = {
"1":["Вася", "Васин"],
"2":["Петя", "Петров"],
"3":["Саша", "Сашов"],
"4":["Миша", "Мишов"],
"5":["Антон", "Антонов"]
}
const ids = Object.keys(data);
ids.sort((a, b) => data[a][0] > data[b][0] ? 1 : -1);

const markup = ids.map(id => {
	const [name, surname] = data[id];
  return `<li>${surname} ${name}</li>`
}).join('<br />');
document.querySelector("div").innerHTML = `<ol>${markup}</ol>`;