[javascript] 자바스크립트 랜덤 숫자뽑기 난수 발생 예제

안녕하세요 찌빠냥 입니다. 랜덤 숫자 생성은 웹 개발에서 다양한 용도로 활용되며, 게임, 퀴즈, 랜덤 추첨 등에 활용될 수 있습니다. 자바스크립트를 사용하면 간단하게 랜덤 숫자를 뽑을 수 있습니다. 이번 포스팅에서는 자바스크립트로 랜덤 숫자를 뽑는 예제를 설명드려 보겠습니다.

목차

Math.random() 메서드

아래 예제와 같이 Math.random() 메서드를 사용하면 0 이상 1 미만의 난수를 생성합니다.

let randomNumber = Math.random();
console.log(randomNumber); // 0 이상 1 미만의 난수 출력, 예) 0.01581619903710818

 

범위 내의 랜덤 정수 생성하기

Math.random() 메서드를 이용해 0 이상 1 미만의 난수를 생성했습니다. 이를 특정한 범위 내의 정수로 변환하려면 아래와 같은 방법을 사용해야 합니다. 

// 1부터 10까지의 랜덤 정수 생성
let min = 1;
let max = 10;
let randomInteger = Math.floor(Math.random() * (max - min + 1)) + min;
console.log(randomInteger);

여러번 실행했을때 이미지와 같이 1~10 사이의 랜덤 숫자가 나옵니다.

위 코드에서 Math.floor() 함수는 소수점 이하를 버림하여 정수를 얻기 위해 사용되었습니다. (max - min + 1)은 원하는 범위 내의 숫자 개수를 의미합니다.

 

주사위 던지기 예제

주사위를 던지는 예제를 만들어보겠습니다. 1부터 6까지의 랜덤한 주사위 숫자를 생성하여 출력하는 코드입니다.

function rollDice() {
  let min = 1;
  let max = 6;
  let diceNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  return diceNumber;
}

let result = rollDice();
console.log(`주사위의 숫자는 ${result}입니다!`);

주사위결과 예제 1부터6까지 난수 생성

 

여러 번 실행하면 랜덤 한 주사위 값이 나오는 걸 확인할 수 있습니다. 참고로 위에 자바스크립트를 실행해 본 링크로 남겨놓겠습니다.

https://jsbin.com/xazibewavi/edit?js,console 

JS Bin

 

이렇게 자바스크립트로 랜덤 숫자를 생성하는 방법에 대해 알아봤습니다. 자바스크립트의 Math.random() 메서드를 활용하면 간단하게 랜덤 숫자를 생성할 수 있습니다. 이를 응용하여 게임이나 기타 다양한 상황에서 활용할 수 있으며, 재미있는 기능을 추가할 수 있습니다. 감사합니다.