«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Archives
Today
Total
11-11 05:43
관리 메뉴

DevTzu

[javascript] 자바스크립트 랜덤함수 random() / 난수생성 / 랜덤숫자 본문

study

[javascript] 자바스크립트 랜덤함수 random() / 난수생성 / 랜덤숫자

DevTzu 2022. 12. 25. 09:00
반응형

자바스크립트 랜덤함수 random()

HTML 웹 페이지 개발 시 난수를 생성해야 될 일이 자주 있습니다.

이때 random함수를 사용하여 난수를 만들어주면 되는데요.

방법은 아주 쉽습니다.

자바스크립트에서 난수를 발생하는 방법에 대해 알아보겠습니다.

 

 

자바스크립트에서 랜덤함수 사용은 간단합니다.

// 소수점 숫자가 리턴된다
var num = Math.random();
console.log(num); // 0.27160320560383355

 

 

 

범위가 지정된 난수생성

로또같은 1 ~ 45 범위중 난수를 얻으려면 범위를 지정해주면 된다.

var min = 1;
var max = 45;
var num = (Math.random() * max - min) + min;
console.log(num); // 6.161966191232437

// 소수점 올림처리하여 정수로 변환
console.log(Math.ceil(num)); // 7

범위의 최소값과 최대값를 변수 min, max로 받고 다음과 같은 공식으로 랜덤함수를 호출하게 되면 원하는 범위 내에서 난수가 발생한다.

 

 

 

여러 개의 문자 중 랜덤 하게 1개를 뽑고 싶다면?
var names = ['손흥민', '이강인', '김민재', '조규성'];

var i = Math.floor((Math.random() * names.length)); // 0
console.log(names[i]); // 손흥민

뽑고자 하는 문자열을 배열에 담고 랜덤함수 범위를 배열 length로 설정해주면 문자열도 랜덤 하게 뽑을 수 있다.

 

 

 

 

 

#javascript #random #자바스크립트 #랜덤함수 #난수생성 #랜덤숫자

반응형
Comments