Как получить случайный элемент из массива в JavaScript?

Правильный способ получения случайного элемента из массива

Ваша интуиция верна — нужно использовать Math.random(), но с дополнительными шагами для преобразования результата в допустимый индекс массива.

Базовое решение

Вот самый простой и понятный способ:

const users = ['Анна', 'Борис', 'Виктор', 'Галина', 'Дмитрий'];

function getRandomElement(arr) {
  const randomIndex = Math.floor(Math.random() * arr.length);
  return arr[randomIndex];
}

console.log(getRandomElement(users)); // 'Борис', 'Галина' и т.д.

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

1. Math.random() возвращает число от 0 (включительно) до 1 (исключительно), например 0.7342
2. Умножаем на arr.length (в нашем случае 5) — получаем число от 0 до 4.999...
3. Math.floor() округляет вниз до целого числа — получаем 0, 1, 2, 3 или 4
4. Используем полученный индекс для доступа к элементу массива

Почему Math.floor(), а не Math.round()?

Использование Math.round() может привести к некорректным результатам. Представьте массив из 3 элементов (индексы 0, 1, 2):

• Math.round(0.2) → 0 (верно)
• Math.round(0.5) → 1 (верно)
• Math.round(1.5) → 2 (верно)
• Но Math.round(0.0) → 0, а Math.round(2.999) → 3 (неверно, выходим за границы массива!)

Math.floor() всегда даёт корректный результат в диапазоне [0, arr.length - 1].

Универсальная функция

Чтобы функция работала с любым массивом, просто передавайте его как аргумент:

function getRandomItem(arr) {
  if (arr.length === 0) {
    return undefined; // или выбросить ошибку
  }
  const randomIndex = Math.floor(Math.random() * arr.length);
  return arr[randomIndex];
}

// Примеры использования:
const numbers = [10, 20, 30, 40];
console.log(getRandomItem(numbers)); // случайное число

const empty = [];
console.log(getRandomItem(empty)); // undefined

Обработка пустого массива

Обязательно проверяйте длину массива. Если массив пустой, arr[0] вернёт undefined, что может вызвать ошибки в дальнейшем коде. Лучше явно обработать этот случай.

Альтернативный однострочник

Для тех, кто любит краткие решения:

const getRandomItem = arr => arr[Math.floor(Math.random() * arr.length)];

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

• Этот метод даёт равномерное распределение — каждый элемент имеет одинаковую вероятность быть выбранным
• Функция не изменяет исходный массив
• Для получения нескольких случайных элементов без повторений потребуется другой подход (например, перемешивание массива)

Используйте этот метод в своих проектах — он простой, надёжный и работает во всех современных браузерах и средах Node.js.

const getRandomItem = arr => arr[Math.random() * arr.length | 0];

function shuffle(arr) {
  const shuffled = [...arr];
  for (let i = shuffled.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];
  }
  return shuffled;
}

function getRandomUniqueItems(arr, count) {
  const shuffled = shuffle(arr);
  return shuffled.slice(0, count);
}

const users = ['Анна', 'Борис', 'Виктор', 'Галина', 'Дмитрий'];
console.log(getRandomUniqueItems(users, 3)); // 3 случайных неповторяющихся имени