Как сгенерировать строку случайных символов (буквы и цифры) в JavaScript?

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

Вы используете Math.random() напрямую, а он возвращает число от 0 до 1 (например, 0.734). При конкатенации с пустой строкой JavaScript преобразует число в строку, и вы получаете не один символ, а целое десятичное представление числа. Поэтому длина результирующей строки всегда больше, чем вы ожидаете.

Правильное решение: выбираем символ из набора

Самый распространённый и понятный способ — создать строку, содержащую все нужные символы, а затем случайным образом выбирать из неё по одному символу. Вот реализация:

function generateRandomString(length) {
  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  let result = '';
  for (let i = 0; i < length; i++) {
    const randomIndex = Math.floor(Math.random() * chars.length);
    result += chars[randomIndex];
  }
  return result;
}

// Пример использования:
console.log(generateRandomString(8)); // "aK3xR9tQ"
console.log(generateRandomString(12)); // "7BmWpL2zYvNq"

Как это работает:

• chars — строка со всеми допустимыми символами (62 символа: 26 заглавных + 26 строчных + 10 цифр).
• Math.random() * chars.length — получаем случайное число от 0 (включительно) до 62 (не включительно).
• Math.floor() — округляем вниз, чтобы получить целое число от 0 до 61, которое можно использовать как индекс.
• chars[randomIndex] — берём символ по случайному индексу.
• Повторяем length раз и собираем строку.

Важные замечания:

• Этот метод не является криптографически стойким. Для паролей или токенов используйте crypto.getRandomValues() (см. альтернативный ответ).
• Если нужно исключить неоднозначные символы (например, 0/O, 1/l), просто измените строку chars.
• Можно записать компактнее через Array.from(), но цикл for нагляднее для новичков.

Улучшенная версия с криптографической стойкостью (для паролей):

function generateSecureRandomString(length) {
  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  const array = new Uint32Array(length);
  crypto.getRandomValues(array);
  let result = '';
  for (let i = 0; i < length; i++) {
    result += chars[array[i] % chars.length];
  }
  return result;
}

console.log(generateSecureRandomString(16)); // "x9F2kL7aPqR3mN5v"

Этот вариант использует встроенный криптографический генератор случайных чисел браузера (crypto.getRandomValues), что делает результат непредсказуемым. Обратите внимание: мы берём остаток от деления (% chars.length), чтобы индекс не выходил за пределы строки.

function generateRandomString(length) {
  let result = '';
  while (result.length < length) {
    result += Math.random().toString(36).substring(2);
  }
  return result.substring(0, length);
}

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