Как сгенерировать случайную строку заданной длины в JavaScript?

Проблема в вашем коде

Вы почти всё сделали правильно, но есть одна критическая ошибка: Math.random() * characters.length возвращает дробное число (например, 12.456), а для обращения к символу по индексу нужно целое число. JavaScript в таких случаях преобразует дробь к целому через Math.floor() или Math.trunc(). Без этого вы получаете undefined для нецелых индексов, что и даёт странные результаты.

Правильное решение

Используйте Math.floor(Math.random() * characters.length) для получения случайного целого индекса. Вот исправленная версия вашей функции:

function generateRandomString(length) {
  let result = '';
  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  const charactersLength = characters.length;
  for (let i = 0; i < length; i++) {
    result += characters.charAt(Math.floor(Math.random() * charactersLength));
  }
  return result;
}

console.log(generateRandomString(8)); // Пример: "aB3kL9zP"

Более современный и гибкий вариант (ES6+)

Можно использовать Array.from() и стрелочные функции для более лаконичного кода:

const generateRandomString = (length) => {
  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  return Array.from({ length }, () => characters[Math.floor(Math.random() * characters.length)]).join('');
};

console.log(generateRandomString(10)); // "kD7mQ2xL9p"

Криптографически стойкий вариант (для паролей и токенов)

Если вам нужна действительно случайная строка для безопасности (пароли, токены), используйте crypto.getRandomValues() — он даёт более качественную случайность, чем Math.random():

function generateSecureRandomString(length) {
  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  const array = new Uint32Array(length);
  crypto.getRandomValues(array);
  return Array.from(array, (value) => characters[value % characters.length]).join('');
}

console.log(generateSecureRandomString(12)); // "9xLpK7mQ2aB3"

Рекомендации

• Для учебных целей: используйте первый вариант с Math.floor() — он прост и понятен.
• Для продакшена (пароли, сессии): обязательно применяйте crypto.getRandomValues(), так как Math.random() не является криптографически стойким.
• Проверяйте длину: если передать 0, функция вернёт пустую строку — это нормально, но можно добавить проверку if (length <= 0) return ''.
• Расширяйте набор символов: добавляйте специальные символы (!@#$%), если нужно усилить пароль.

Таким образом, ваша исходная идея была верной, не хватало только Math.floor(). Теперь всё будет работать корректно!

function generateRandomString(length) {
  let result = '';
  while (result.length < length) {
    // Math.random() даёт дробь, toString(36) преобразует в буквенно-цифровую строку
    result += Math.random().toString(36).substring(2);
  }
  return result.substring(0, length);
}

console.log(generateRandomString(6)); // "a3k9zP"