Detailed explanation of the steps to generate range randomization and sequence randomization in JS-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

Detailed explanation of the steps to generate range randomization and sequence randomization in JS

php中世界最好的语言

May 23, 2018 pm 02:36 PM

javascript sequence random

This time I will bring you a detailed explanation of the steps for generating random range and random sequence in JS. What are the precautions for generating random range and random sequence in JS? Here is a practical case, let’s take a look at it together.

JavaScript we often use the Math.random() method to generate random numbers, but the random numbers generated by this method are only random numbers between 0-1. Let’s first look at the characteristics of the following commonly used methods:

•1.Math.random(); The result is a random number between 0-1 (including 0, excluding 1)

•2. Math.floor(num); The parameter num is a numerical value, and the

function result is the integer part of num. The same as the parseInt(num) method for taking integers.

•3.Math.round(num); The parameter num is a numerical value, and the function result is the integer after num is rounded.

•4.Math.ceil(num); Returns the smallest integer greater than or equal to n.

Reasonably use the above method to generate a random number in the specified range:

Including the minimum value but not the maximum value:

ParseInt(num) rounds the incoming Convert num to a small integer. Multiply Math.random() by the difference between the maximum and minimum, process it with parseInt (note that the range at this time is [0-difference)), and add the minimum value, you can get the minimum value but not the maximum Integer value.

To obtain a random number that contains the minimum value but not the maximum value, use the following function:

function getRandom1(start, end) {
      var length = end - start;
      var num = parseInt(Math.random() * (length) + start);
      return num;
    }

Copy after login

Including the maximum value but not the minimum value:

Math.ceil(num)Get the smallest integer greater than or equal to num, that is, convert the passed num into a large integer. Multiply Math.random() by the difference between the maximum and minimum, process it with Math.ceil() (note that the range at this time is (0-difference]), and add the minimum value, you can get the minimum value excluding the minimum value. Value but including the maximum value of the integer. That is, change the parseInt in the above situation to Math.ceil()

To obtain the random number that contains the maximum value but not the minimum value, use the following function to implement it:

 function getRandom1(start, end) {
    var length = end - start;
    var num = Math.ceil(Math.random() * (length) + start);
    return num;
  }

Copy after login

The situation where both the maximum value and the minimum value are included:

The maximum value and the minimum value are both included. At this time, the range of possible values has been expanded by 1 compared to the above two cases. In the stage of generating random numbers , it is necessary to expand the range of possible random numbers by 1. It is possible to use parseInt to round to small values, and to use Math.ceil(num) to convert to large values (-1 is required after conversion). No matter which method is used , the key is to add 1 to the range during the random number generation stage.

Use the parseInt method

function getRandom1(start, end) {
    var length = end - start + 1;
    var num = parseInt(Math.random() * (length) + end);
    return num;
  }

Copy after login

--------------------- -------------------------------------------------- ---------

Sometimes, just generating random numbers is not enough. You also need to arrange the values in a specified range in random order. We transform this problem into generating random numbers and then add Array and avoid duplication problems. Each time

loopThe numbers generated in sequence are random, and are added to the array in order to achieve random arrangement of numerical sizes.

Generate random numbers in the specified range Sequence:

The random sequence can be implemented directly through the sort method. A group containing a set of numerical elements arranged in order, calls the sort method, and passes in a randomly generated value (which may be positive or negative) through the function. , you can disrupt the order and get a random sequence of the array.

As follows: getNum() returns an array of numbers 1-10 arranged in order, then the obtained numArr is a random sequence of 1-10 :

  var numArr = getNum().sort(function () {
        return Math.random() - 0.5;
      });

Copy after login

It is also feasible to write your own logic to generate a random sequence:

Define an array to store random numbers, and then loop to generate random numbers. After generation, search in the existing array. If it exists, If the mark becomes false, it means that the generated random number is repeated, and the mark value is used to decide whether to add it to the array. If the addition to the array is successful, the array subscript index (indicating the number of array elements) will increase automatically, and the condition is met

Exitloop .The following example implements a random sequence between 5-10 (the following case is inclusive of left and right):

function getOrder(start, end) {
      var length = end - start;
      var myorder = new Array();
      var index = 0;
      while (index < length+1) {
        var flag = true;
        var num = parseInt(Math.random() * (length + 1));
        for (var i in myorder) {
          if (myorder[i] == num) {
            flag = false;
          }
        }
        if (flag == true) {
          myorder[index] = num;
          index++;
        }
      }
      alert(myorder.length);
      alert(myorder);
    }
getOrder(5, 10);

Copy after login

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website !

Hot AI Tools

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress images for free

Clothoff.io

AI clothes remover

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Assassin's Creed Shadows: Seashell Riddle Solution

4 weeks ago By DDD

What's New in Windows 11 KB5054979 & How to Fix Update Issues

3 weeks ago By DDD

Where to find the Crane Control Keycard in Atomfall

4 weeks ago By DDD

Roblox: Dead Rails - How To Complete Every Challenge

1 months ago By DDD

How to fix KB5055523 fails to install in Windows 11?

2 weeks ago By DDD

Hot Tools

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Where is the login entrance for gmail email?

7733

Java Tutorial

1643

CakePHP Tutorial

1397

Laravel Tutorial

1290

PHP Tutorial

1233

Related knowledge

How to implement an online speech recognition system using WebSocket and JavaScript Dec 17, 2023 pm 02:54 PM

How to use WebSocket and JavaScript to implement an online speech recognition system Introduction: With the continuous development of technology, speech recognition technology has become an important part of the field of artificial intelligence. The online speech recognition system based on WebSocket and JavaScript has the characteristics of low latency, real-time and cross-platform, and has become a widely used solution. This article will introduce how to use WebSocket and JavaScript to implement an online speech recognition system.

WebSocket and JavaScript: key technologies for implementing real-time monitoring systems Dec 17, 2023 pm 05:30 PM

WebSocket and JavaScript: Key technologies for realizing real-time monitoring systems Introduction: With the rapid development of Internet technology, real-time monitoring systems have been widely used in various fields. One of the key technologies to achieve real-time monitoring is the combination of WebSocket and JavaScript. This article will introduce the application of WebSocket and JavaScript in real-time monitoring systems, give code examples, and explain their implementation principles in detail. 1. WebSocket technology

How to use JavaScript and WebSocket to implement a real-time online ordering system Dec 17, 2023 pm 12:09 PM

Introduction to how to use JavaScript and WebSocket to implement a real-time online ordering system: With the popularity of the Internet and the advancement of technology, more and more restaurants have begun to provide online ordering services. In order to implement a real-time online ordering system, we can use JavaScript and WebSocket technology. WebSocket is a full-duplex communication protocol based on the TCP protocol, which can realize real-time two-way communication between the client and the server. In the real-time online ordering system, when the user selects dishes and places an order

How to implement an online reservation system using WebSocket and JavaScript Dec 17, 2023 am 09:39 AM

How to use WebSocket and JavaScript to implement an online reservation system. In today's digital era, more and more businesses and services need to provide online reservation functions. It is crucial to implement an efficient and real-time online reservation system. This article will introduce how to use WebSocket and JavaScript to implement an online reservation system, and provide specific code examples. 1. What is WebSocket? WebSocket is a full-duplex method on a single TCP connection.

JavaScript and WebSocket: Building an efficient real-time weather forecasting system Dec 17, 2023 pm 05:13 PM

JavaScript and WebSocket: Building an efficient real-time weather forecast system Introduction: Today, the accuracy of weather forecasts is of great significance to daily life and decision-making. As technology develops, we can provide more accurate and reliable weather forecasts by obtaining weather data in real time. In this article, we will learn how to use JavaScript and WebSocket technology to build an efficient real-time weather forecast system. This article will demonstrate the implementation process through specific code examples. We

Simple JavaScript Tutorial: How to Get HTTP Status Code Jan 05, 2024 pm 06:08 PM

JavaScript tutorial: How to get HTTP status code, specific code examples are required. Preface: In web development, data interaction with the server is often involved. When communicating with the server, we often need to obtain the returned HTTP status code to determine whether the operation is successful, and perform corresponding processing based on different status codes. This article will teach you how to use JavaScript to obtain HTTP status codes and provide some practical code examples. Using XMLHttpRequest

How to use insertBefore in javascript Nov 24, 2023 am 11:56 AM

Usage: In JavaScript, the insertBefore() method is used to insert a new node in the DOM tree. This method requires two parameters: the new node to be inserted and the reference node (that is, the node where the new node will be inserted).

JavaScript and WebSocket: Building an efficient real-time image processing system Dec 17, 2023 am 08:41 AM

JavaScript is a programming language widely used in web development, while WebSocket is a network protocol used for real-time communication. Combining the powerful functions of the two, we can create an efficient real-time image processing system. This article will introduce how to implement this system using JavaScript and WebSocket, and provide specific code examples. First, we need to clarify the requirements and goals of the real-time image processing system. Suppose we have a camera device that can collect real-time image data

See all articles