새소식
반응형
WEB/JavaScript
[JavaScript] JS 통한 랜덤값 생성하는 방법 알아보기
- -
반응형
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(올림) 함수와 조합해서 사용하였다. 해당 코드의 결과는 우측에 주석으로 남겨 두었다.
반응형
'WEB > JavaScript' 카테고리의 다른 글
| [JavaScript] JS Switch 구문을 통한 상황 처리 알아보기 (0) | 2021.04.09 |
|---|---|
| [JavaScript] JS Boolean Value에 대하여 알아보기. (0) | 2021.04.08 |
| [JavaScript] JS 올림/내림 반올림 메소드 알아보기 Math (0) | 2021.04.06 |
| [JavaScript] JS String(문자열) 대 / 소 문자 변환 방법 (0) | 2021.04.05 |
| [JavaScript] JS String(문자열) 메소드 알아보기. (0) | 2021.04.04 |
Contents
소중한 공감 감사합니다