Какой алгоритм заполнения матрицы?

Question

[Insolation]

Здравствуйте господа.
Нужен ваш совет, т.к бьюсь над проблемой уже несколько часов.
В универе задали задание:
Есть инпут, в него вводится число от 25 до 100. После этого формируется массив от 1 до числа с инпута и надо создать матрицу 5х5, значения в "ячейках" должно быть в пределах того массива и потом вывести матрицу на страницу.

Пример:
В инпут ввели число 40. Числа случайным образом получают из массива 1-40. В итоге матрица выглядит след.:

1 10 17 26 33
3 11 18 27 34
4 12 19 29 35
5 14 21 31 36
8 16 24 32 40

Мой код матрицы:
https://jsfiddle.net/4eofvvhr/11/

Вопрос:
Как заполнять матрицу что-бы числа выводились один за другим и разбивались по колонкам? (https://prnt.sc/iiawa4)

Answer 1

[davidnum95]

Как то так

Comments

[Insolation]

Круто, спасибо вам.
Но можна ли вас попросить прокоментировать этот код, не очень понимаю логику.

arr = arr
  	.sort(() => 0.5 - Math.random())
  	.slice(0, 25)
    .sort((a, b) => a - b);
  
  const result = [];
  for (let i = 0; i < 25; i+=5) {
  	result.push(arr.slice(i, i + 5));
  }

[davidnum95]

Insolation,

arr = arr
  	.sort(() => 0.5 - Math.random()) // Сортируем массив в случайном порядке
  	.slice(0, 25) // Берем первые 20 элементов
    .sort((a, b) => a - b); // Сортируем по возрастанию
  
  const result = [];
  for (let i = 0; i < 25; i+=5) {
  	result.push(arr.slice(i, i + 5)); // Берем по 5 элементов из массива и пушим результирующий массив
  }

Answer 2

[twobomb]

Не понял зачем нужен массив, а может и в целом не понял задачу ну получилось такое

Comments

[Insolation]

К сожелению результат не такой.
Вот так должно идти заполнение https://prnt.sc/iiawa4

Так же Math.random не подходит, т.к у вас будут повторятся значения в ячейках
https://prnt.sc/iicjh1

[twobomb]

Insolation, Во первых какая разница как идет заполнение, во вторых можно проверку сделать на повторения. Заполнение поменять просто i,j поменять местами.Ну вот исправленное