Коварная война россии против Украины. Ориентировочные потери врага
(по состоянию на 11.07.2024)
555620
солдат
361
самолетов
326
вертолетов
8182
танков
15732
ББМ
15110
артиллерия
886
ПВО
1119
РСЗО
20325
машин
28
корабли и катера
Уроки JavaScript – примеры использования случайности
Опубликовано Обновлено: 21.12.2019

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

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

 

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *