Уроки JavaScript – примеры использования случайности

В JavaScript довольно часто нужно использовать случайность или случайное поведение. Самым простым примером будет получение случайного числа для проведения жеребьевки. Или, например, представить возможный результат броска монеты. Но существует много разных видов случайности, и для различных приложений нужно подбирать свой вид случайного результата.

 

Самая простая случайность

Простейшей формой случайности, которая встроена в JavaScript, является функция Math.random(). Чтобы увидеть ее в действии, наберите в консоли браузера (вызов консоли Ctrl+Shift+I) функцию:

Math.random();
//0.2735944957535754 – пример результата

 

Функция Math.random() всегда возвращает число с плавающей точкой от 0 до 1.

Примечание: Технически, число, возвращаемое Math.random(), может быть 0, но никогда не будет точно 1.

 

Поскольку эта функция так часто используется, Math.random() часто помещается в собственную функцию, которую потом вызывают в скрипте:

<script>
function getRandom() {
  return Math.random();
}
</script>

 

 

Проблема, конечно, в том, что функция всегда создает случайное число в очень ограниченном диапазоне; большинство других примеров кода в сегодняшней практической статье предназначены для решения этой проблемы.

 

 

Случайность между числами: min включено, max исключено

Для этой функциональности нам потребуется немного математики:

 

С плавающей точкой

function getRandomFloat(min, max) {
  return Math.random() * (max - min) + min;
}
getRandomFloat(15, 127);
//61.65118618053822 – пример результата

 

 

С использованием целого числа

function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}
getRandomInt(99, 720);
//552 – пример результата

 

 

 

Случайное целое число в диапазоне (включая минимальное и максимальное)

function getRandomInRange(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
getRandomInRange(1, 175);
//73 – пример результата

 

 

Результат броска монеты (случайные Правда/Ложь, 1/0)

Если вы хотите, чтобы результатом был простой случайный результат, например 0 или 1, что можно представить в виде броска монеты, используйте следующий рецепт:

function coinToss() {
  return Math.floor(Math.random() * 2);
}
coinToss();
//1 – пример результата

 

 

Случайный результат с использованием исключений

Для ограниченного диапазона целых чисел создайте массив чисел, из которых вы хотите выбирать, и используйте следующий рецепт для случайного выбора из массива:

<script>
var numPool = [ 2, 3, 5, 8, 11, 25 ],
rand = numPool[Math.floor(Math.random() * numPool.length)];
console.log(rand);
//11 – пример результата
</script>

 

 

Случайный, неповторяющийся массив

Для небольшого набора чисел создайте массив, заполненный элементами, перемешайте их случайным образом, поместите результаты в новый массив, а затем вытащите перемешанные элементы по одному:

<script>
var numPool = [ 18, 42, 37, 9, 24, 100 ];
function shuffle(numPool) {
  for(var j, x, i = numPool.length; i; j = parseInt(Math.random() * i), x = numPool[--i], numPool[i] = numPool[j], numPool[j] = x);
  return numPool;
};
var randomResult = shuffle(numPool);
while( randomResult.length > 0 ) {
  console.log( randomResult.pop() );
}
// в результате указанный массив будет перемешан случайным образом
</script>

 

 

 

Криптографическая случайность в JavaScript

Ни один из рассмотренных методов не создает числа с достаточной случайностью для использования в криптографически безопасных функциях. Кстати, и результаты функции Math.random() не являются достаточно случайными.

Для криптографической случайности в JavaScript мы можем использовать API веб-криптографии, создав типизированный массив (typedArray):

var cryptoStor = new Uint16Array(5);

 

Здесь мы создаем массив с пятью различными слотами, каждый из которых может содержать неподписанное (беззнаковое) 16-разрядное целое число. Для других параметров целого числа вы можете использовать Int8Array, Uint8Array, int16Array, Int32Array и Uint32Array.

 

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

window.crypto.getRandomValues(cryptoStor);

 

В результате вы получите в консоли такие примерные значения:

//Uint16Array(5) [23386, 29207, 40761, 23872, 54616] – пример результата

 

 

API веб-криптографии имеет хорошую поддержку в современных браузерах, хотя в некоторых случаях требуется использование префикса поставщика.

На сегодня все, спасибо за внимание!

 

Recent Posts

Пошаговая инструкция Импорта данных из Excel в MySQL через phpMyAdmin

Этот практический урок поможет вам перенести данные из вашего Excel-файла (с некоторыми конкретными столбцами) в…

20 часов ago

Распространенные мифы и заблуждения о пиве: восстанавливаем справедливость

Пиво – один из самых популярных напитков, который наряду с чаем и кофе известен во…

1 день ago

Уроки JavaScript — Краткие функции на замену большому объемному коду

Довольно часто у программистов возникает соблазн написать какую-нибудь обширную функцию, которая должна решать определенную задачу.…

7 дней ago

Зачем и как просыпаться раньше

Дискуссии вокруг этой темы вас, вероятно, уже утомили. Но я в данной статье постараюсь показать…

1 неделя ago

Уроки JavaScript — Шпаргалка для разработчиков по работе с консолью в браузере

Консоль браузера (также известная как консоль JavaScript или веб-консоль) — это мощный инструмент для разработчиков,…

1 неделя ago

Бернард Шоу

Никогда не указывайте на ошибки, если не знаете, как их исправить Джордж Бернард Шоу  

1 неделя ago