자바스크립트 랜덤 메서드는 소숫점을 출력하기 때문에 범위를 지정하기 위해선 별도의 수식이 필요하다. 이미 이런 수식은 검색만 하면 많이 나오기 때문에 고민할 필요는 없다. 다만, 수식을 이해하는데 소숫점을 어떻게 처리해야 할지에서 고민하기도 한다. 랜덤 메서드에서 수식을 어떻게 사용하고 소숫점을 처리하는 것은 어렵지 않다.
자바스크립트 랜덤 메서드 범위 지정
using javascript random method
자바스크립트에서 랜덤 메서드는 0에서 1사이의 소숫점이 있는 숫자를 난수로 발생한다.
기본적으로 제공되는 랜덤 메서드는 Math.random 이다.
이 랜덤 메서드에서 발생하는 소숫점을 이용하여 범위를 지정하게 되는데, 이 때 최소값과 최대값이 필요하다.
기본적인 랜덤 메서드의 사용법은 이전의 내용을 참고한다.
자바스크립트 랜덤한 난수 발생 using javascript random number
자바스크립트에서 랜덤한 난수를 발생시키기 위해 Math.random 메서드를 사용한다. 이 메서드는 0에서 1사이의 랜덤하게 발생한 소숫점이 있는 수를 만든다. 그렇기에 최소값, 최대값을 이용하여
lngnat.tistory.com
랜덤 메서드 범위지정 하기
난수에 범위를 지정하는 방법은 최소값과 최대값을 발생한 난수에 덧셈으로 해결할 수 있다.
난수를 발생시키는 랜덤 메서드가 0에서 1까지의 소숫점이 있는 숫자를 발생한다는 점을 상기하자.
이 기본적인 랜덤 메서드에 10을 곱하면 0에서 9까지의 숫자를 난수로 추출할 수 있다.
다음은 1에서 10까지의 난수를 랜덤 메서드를 이용하여 추출하는 단순한 과정이다.
// 0 ~ 1 사이의 소숫점이 있는 난수 발생
Math.random()
// 0 에서 9까지의 소숫점이 있는 난수 발생
Math.random() * 10
// 소숫점 제거
Math.trunc( Math.random() * 10 )
// 범위지정
Math.trunc((Math.random() * (최대값 - 최소값)) + 최소값)샘플코드
위의 코드를 그대로 사용하여 자바스크립트 랜덤 예제를 만들어 본다.
코드는 어렵지 않다.
다만 수식은 개발자마다 다르고, 상황마다 다를 수 있다.
위의 코드는 기본적인 것이기 때문에 그때그때 수정하여 사용하면 될 것이다.
<!DOCTYPE html>
<html>
<body>
<script>
console.log('----------');
let _randomNum
_randomNum = Math.random();
console.log("Math.random() : %s ", _randomNum);
// 0 ~ 9
_randomNum = Math.random() * 10;
console.log("Math.random() : %s ", _randomNum);
// 0 ~ 9 integer
_randomNum = Math.trunc(Math.random() * 10);
console.log("Math.random() : %s ", _randomNum);
// 1 ~ 11 integer
_randomNum = Math.trunc((Math.random() * (11 - 1)) + 1);
console.log("Math.random() : %s ", _randomNum);
console.log('----------');
</script>
</body>
</html>결과화면을 보자.
지정한 범위에서 난수가 잘 발생되는 것을 볼 수 있다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트의 불린 boolean 함수 사용 using javascript boolean function (0) | 2022.04.01 |
|---|---|
| 자바스크립트 랜덤 메서드 2가지 범위 증명하기 (0) | 2022.03.27 |
| 자바스크립트 밑이 있는 로그함수 사용 using javascript based log method (0) | 2022.03.22 |
| 자바스크립트 로그함수의 사용 using javascript log method (0) | 2022.03.21 |
| 자바스크립트 랜덤한 난수 발생 using javascript random number (0) | 2022.03.17 |
댓글