Уроки 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 веб-криптографии имеет хорошую поддержку в современных браузерах, хотя в некоторых случаях требуется использование префикса поставщика.

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

 

Share

Последние посты

Демокрит

Мы не столько нуждаемся в помощи друзей, сколько в уверенности, что мы ее получим Демокрит… Читать далее

21/02/2022

Майк Тайсон

Когда мне тяжело, я всегда напоминаю себе о том, что если я сдамся — лучше… Читать далее

12/02/2022

25 полезных советов и решений jQuery, которые вы должны знать

jQuery — это быстрая и довольно таки небольшая библиотека JavaScript. Она упрощает создание интерактивных и… Читать далее

09/02/2022

Иоганн Вольфганг фон Гете

Каждый слышит только то, что он понимает Иоганн Вольфганг фон Гете   Читать далее

03/02/2022

Сайт для парикмахерской Teti Bond

  Описание проекта: Разработка официального сайта для парикмахерской Teti Bond в городе Житомир. Парикмахерская ориентирована… Читать далее

29/01/2022

Как полностью и без следа удалить плагин в WordPress

Плагины являются неотъемлемой частью функционирования WordPress, ведь с их помощью можно добиться практически неограниченной расширяемости… Читать далее

23/01/2022