2021-04-07
자바스크립트의 Math Object 에는 Random이라는 내부 함수가 존재하는데, 이 Radom을 사용하는 방법을 알아보도록 하자.
- random()
해당 메소드를 사용하게 되면 0 이상 1 이하의 랜덤 한 수가 출력되게 된다. 아래의 코드와 결과를 확인해 보자.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
console.log(Math.random())
console.log(Math.random())
console.log(Math.random())
</script>
</head>
<body>
Hello World
</body>
</html>
결과를 확인해보면 항상 0보다는 크지만 1보다작은 값들이 출력되는 것을 확인할 수 있다.
- 다른 함수와의 조합
random 함수는 Math 내부의 다른 함수들과 조합되어서도 종종 사용되는데, 아래의 예제를 확인해 보자.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
console.log(Math.floor(Math.random() * 11)) // 1 ~ 10 범위에 숫자
console.log(Math.ceil(Math.random() * 10)) // 1 ~ 10 범위에 숫자
console.log(Math.floor(Math.random() * 101)) // 1 ~ 100 범위에 숫자
</script>
</head>
<body>
Hello World
</body>
</html>
예제에서는 특정 범위에 정수 값을 나타내기 위해 floor(내림) ceil(올림) 함수와 조합해서 사용하였다. 해당 코드의 결과는 우측에 주석으로 남겨 두었다.
