css.in.ua
Підтримати

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() для генерації випадкового числа в заданому користувачем діапазоні.

У цьому прикладі демонструється, як за допомогою 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}`);  // Виводить один з кольорів зі списку

Спільнота

Зв'язок