JS метод Math.random()

Загальний опис

Метод Math.random() є ключовим способом отримання випадкових чисел у JavaScript. Він створений для генерації чисел в діапазоні від 0 (включно) до 1 (виключно). Це корисний інструмент, якщо вам потрібно додати випадковість в ваш код, створити просту гру, провести випадковий вибір або визначити випадковий результат.

Використання Math.random() досить просте. В найпростішому випадку вам потрібно лише викликати метод без будь-яких параметрів:

const randomNum = Math.random();
console.log(randomNum);

Цей код поверне вам число від 0 до 1. Проте, якщо вам потрібне випадкове число в певному діапазоні, наприклад, від 1 до 100, ви можете це зробити наступним чином:

const randomBetween1And100 = Math.floor(Math.random() * 100) + 1;
console.log(randomBetween1And100);

Зверніть увагу, що використовуючи Math.floor(), ми округлюємо число вниз до найближчого цілого. Це допомагає нам отримати конкретний діапазон чисел.

Однією з ключових особливостей Math.random() є те, що він повертає псевдовипадкове число, засноване на алгоритмі генерації. Це означає, що хоча числа здаються випадковими, вони насправді генеруються детермінованим способом і будуть повторюватися в тій же послідовності, якщо алгоритм буде перезапущено з тією ж початковою точкою. Також важливо пам'ятати, що, хоча Math.random() зручний для багатьох сценаріїв, він не вважається достатньо безпечним для криптографічних застосувань.

Приклад з коду, де ця особливість може виявитися корисною:

for(let i = 0; i < 10; i++) {
    console.log(Math.random());
}

Виходячи з цього, можна передбачити, що при кожному запуску цього коду будуть генеруватися різні числа.

Порада:	Не покладайтеся на точність: `Math.random()` генерує числа з плаваючою комою, які можуть мати невеликі невідповідності при математичних обчисленнях. Якщо вам потрібно конкретне ціле число, завжди застосовуйте округлення, використовуючи методи, такі як `Math.floor()` чи `Math.ceil()`. `const randomInt = Math.floor(Math.random() * 100);`
Порада:	Випадковий вибір з масиву: Якщо ви хочете вибрати випадковий елемент з масиву, використовуйте `Math.random()` у поєднанні з довжиною масиву. `const fruits = ["яблуко", "банан", "вишня"]; const randomFruit = fruits[Math.floor(Math.random() * fruits.length)];`
Порада:	Будьте обережні з криптографією: `Math.random()` не призначений для криптографічних застосувань, так як його результати можна передбачити. Якщо вам потрібна висока ступінь безпеки, розгляньте використання криптографічних альтернатив.
Порада:	Створення діапазонів: Щоб отримати випадкове число в межах конкретного діапазону, наприклад від 5 до 15, користуйтеся таким підходом: `const min = 5; const max = 15; const randomInRange = Math.floor(Math.random() * (max - min + 1)) + min;`

Синтаксис

Math.random()

Параметри

Return

number: Повертає число з рухомою комою — псевдовипадкове значення в діапазоні від 0 (включно) до 1 (не включно).

Переглядачі

Переглядач
	1	1	1	3	12

Переглядач
	4.4	18	4	1

Переглядач
	0.10.0	1.0

Приклади

Цей приклад демонструє, як використовувати Math.random() для генерації випадкового числа в заданому користувачем діапазоні.


  See the Pen <a href="https://codepen.io/css_in_ua/pen/xxMxRzp">
  Untitled</a> by css.in.ua (<a href="https://codepen.io/css_in_ua">@css_in_ua</a>)
  on <a href="https://codepen.io">CodePen</a>.

У цьому прикладі демонструється, як за допомогою Math.random() та Math.floor() можна отримати випадкове ціле число в діапазоні від 1 до 10. Використовуючи множення, ми задаємо верхню межу діапазону, а Math.floor() допомагає нам округлити число до найближчого меншого цілого.

const randomNum = Math.floor(Math.random() * 10) + 1;
console.log(randomNum);  // Виводить випадкове число від 1 до 10

У цьому прикладі ми будемо використовувати Math.random() для вибору випадкового кольору з масиву кольорів. Округлення до цілого числа та множення на довжину масиву дає нам можливість вибрати випадковий елемент з масиву. Даний прийом може бути корисним, наприклад, для динамічної зміни кольору фону веб-сторінки.

const colors = ["червоний", "синій", "зелений", "жовтий", "фіолетовий"];
const randomColorIndex = Math.floor(Math.random() * colors.length);
const selectedColor = colors[randomColorIndex];

console.log(`Вибраний колір: ${selectedColor}`);  // Виводить один з кольорів зі списку

JS довідник

JavaScript

Наповнення JS розділу