Javascript задача для новичка?

Question

[Антон]

Всем привет! Начал изучать JS по книге JS для детей. По ходу изучения попалась вот такая задача:

Задача

Генератор случайных строк
Напишите генератор случайных строк. Для этого вам понадо-
бится строка со всеми буквами алфавита:
var alphabet = "абвгдеёжзийклмнопрстуфхцчшщъыьэюя";
Чтобы выбирать из этой строки случайную букву, можно
использовать примерно такой же код, как для генератора случай-
ных дразнилок из третьей главы: Math.fl oor(Math.random() *
alphabet.length). Так вы получите случайный индекс в строке.
Затем, воспользовавшись квадратными скобками, можно полу-
чить символ по этому индексу.
Начните создавать случайную строку с пустой строки
(var randomString = ""). Затем добавьте цикл while и при
каждом его повторе добавляйте в строку новый случайный
символ — до тех пор, пока длина строки randomString не пре-
высит шесть символов (или любой другой длины на ваш выбор).

Вот как я решил ее:

Решение

let alphabet = "абвгдеёжзийклмнопрстуфхцчшщъыьэюя";

let randomString = "";
while (randomString.length < 10) {
  randomString += alphabet[Math.floor(Math.random() * alphabet.length)];
}
console.log(randomString);

Но, по ходу решения возник вопрос: что если завести отдельную функцию типа randomIndex и в ней высчитывать случайное число, которое потом можно будет указать в теле цикла?

Другой вариант

let alphabet = "абвгдеёжзийклмнопрстуфхцчшщъыьэюя";
let randomIndex = Math.floor(Math.random() * alphabet.length);
let randomString = "";
while (randomString.length < 10) {
  randomString += alphabet[randomIndex];
}
console.log(randomString);

В таком случае результат всегда выдает одно число в индексе и соответственно в консоль выдает всего одну букву, например "тттттт".
Хотел узнать, почему это так работает? Почему при указании вычисления рандомного значения в теле функции она отрабатывает нормально, а если указать в качестве отдельной функции, то цикл проходит с одним одинаковым числом. Скажу сразу, что я абсолютный новичок в JS (это первый язык, который я начал изучать). Спасибо.

Comments

[Strannyk]

что если завести отдельную функцию

Вы завели не функцию, а переменную. И значение ей присваивается один раз.

[Антон]

Похоже пока я писал вопрос - до меня дошло. Как мне кажется при старте программы выполняется вычисление в функции randomIndex и далее это число переходит в цикл while, а так как программа выполняет несколько раз только цикл while, не перезапуская саму себя, то и число остается тем, которое было при запуске программы. Написал непонятно, ну суть вроде бы передал )

[Антон]

Strannyk, спасибо!

Answer 1

[xmoonlight]

randomIndex - это переменная, а не функция.
Поэтому постоянно одно и то же значение.

Answer 2

[WapSter]

: что если завести отдельную функцию

и где там у тебя функция? Ты присвоил переменной значение и его постоянно используешь.

Answer 3

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

let randomIndex = Math.floor(Math.random() * alphabet.length);

Так по-прежнему в переменную randomIndex записывается случайный индекс. Один раз.

const getRandomIndex = () => Math.floor(Math.random() * alphabet.length);

А вот функция, которая при каждом вызове getRandomIndex() будет возвращать новый случайный индекс.

Comments

[Антон]

Спасибо за развернутый ответ! До стрелочных функций я еще не дошел (видел пару-тройку раз), мой мозг пока отказывается воспринимать что то более сложное чем первые 5 глав книги "JS для детей" :D видимо правильно сказала HR - в 33 года поздновато начинать изучать языки программирования.

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

Антон, вот та же функция в «классическом» виде:

function getRandomIndex() {
  return Math.floor(Math.random() * alphabet.length);
}

Возраст не при чём. Добивайтесь успеха. «Взялся — ходи!» : )

[Антон]

Сергей Соколов, Спасибо большое :)

[WapSter]

Антон,

видимо правильно сказала HR - в 33 года поздновато начинать изучать языки программирования.

бред, учиться никогда не поздно и в программировании нет ничего сверхъестественного, кто хочет научиться.