JavaScript에서 난수를 만드는 방법

WBOY
풀어 주다: 2023-05-21 11:05:07
원래의
1769명이 탐색했습니다.

난수는 JavaScript에서 매우 중요한 기능입니다. 이는 임의의 영숫자 숫자를 생성하거나 암호화용 키를 생성하는 데 사용될 수 있을 뿐만 아니라 복권 게임, 시뮬레이션 게임 및 기타 응용 프로그램을 만드는 데에도 사용될 수 있습니다. 이 기사에서는 JavaScript가 난수를 생성하는 방법을 자세히 설명합니다.

JavaScript의 난수 생성 기능

JavaScript에서는 Math 객체의 random() 메서드를 사용하여 난수를 생성할 수 있습니다. 이 메소드는 0과 1(포함) 및 1(제외) 사이의 의사 난수를 반환합니다. 다음은 난수를 생성하여 콘솔에 출력하는 간단한 예입니다.

var randomNum = Math.random();
console.log(randomNum);
로그인 후 복사

Math.random() 메서드는 의사 난수를 반환하므로 코드가 실행될 때마다 생성되는 난수가 다릅니다. 그러나 Math.random() 메서드를 처리해야 하는 지정된 범위 내에서 난수를 생성해야 할 수도 있습니다.

지정된 범위 내에서 난수 생성

다음 방법을 통해 지정된 범위 내에서 난수를 생성할 수 있습니다.

  1. 0과 1 사이의 난수를 얻습니다.
  2. 난수에 지정된 범위의 길이를 곱합니다. ;
  3. 결과를 반올림합니다.
  4. 반올림된 결과를 범위의 최소값에 추가합니다.

다음은 0에서 9 사이의 임의의 정수를 생성하는 예입니다.

var randomInt = Math.floor(Math.random() * 10);
console.log(randomInt);
로그인 후 복사

이 때의 결과는 0에서 9 사이의 정수가 됩니다.

마찬가지로 매개변수를 수정하여 다른 범위에서 임의의 정수를 생성할 수 있습니다. 예를 들어 10에서 20 사이의 임의의 정수를 생성합니다.

var randomInt = Math.floor(Math.random() * 11 + 10);
console.log(randomInt);
로그인 후 복사

여기에서는 결과의 값 범위를 0~9에서 10~20으로 수정하므로 결과는 10에서 20 사이의 정수가 됩니다.

임의의 문자 및 숫자 생성

임의의 정수 생성 외에도 임의의 문자 및 숫자를 생성할 수도 있습니다. 이 기능을 달성하기 위해 가능한 모든 문자를 포함하는 문자열을 정의할 수 있습니다. 그런 다음 난수 생성기를 사용하여 문자를 선택합니다.

다음은 대문자와 소문자, 숫자가 포함된 임의의 문자열을 생성하는 예입니다.

var chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
var randomStr = '';
for(var i = 0; i < 8; i++) {
  randomStr += chars[Math.floor(Math.random() * chars.length)];
}
console.log(randomStr);
로그인 후 복사

여기서는 숫자, 소문자, 대문자로 구성된 문자열을 임의의 문자 소스로 선택했습니다. 먼저 빈 문자열 RandomStr을 정의한 다음 for 루프를 사용하여 문자 소스에서 임의의 문자를 선택하고 이를 RandomStr 문자열에 추가합니다. 8번 반복하면 임의의 문자 8개가 포함된 문자열을 얻습니다.

요약

자바스크립트에서 난수를 생성하는 방법은 매우 간단하며 필요에 따라 다양한 범위와 유형의 난수를 생성할 수 있습니다. 임의의 요소가 필요한 일부 애플리케이션을 만들어야 할 때 이러한 방법을 사용하여 요구 사항을 충족할 수 있습니다.

위 내용은 JavaScript에서 난수를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿