[자바스크립트 기본] 알아두면 유용한 Math 메소드 정리, 로또번호 추출기

 

 

1. Math객체

---

 

 

Math객체는 수학에서 자주 사용되는 상수의 함수들을 구현해놓은 자바스크립트의 표준 내장 객체이다.

 

 

 

 

1-2. Math객체 특징

 

• Math객체는 Number 자료형만 지원하며 BigInt와는 사용할 수 없다.
• (BigInt : Number보다 큰 정수를 표현할 수 있는 내장객체)
• constrctor(생성자)가 없다
• instance를 생성하지 않고 바로 Math객체의 모든 메소드와 프로퍼티를 사용할 수 있다.

 

 

 

 

 

2. 대표적 Math 메소드와 예시

---

 

2-1. Math.floor(num) ➡️ Number

인수의 소수점 이하를 내림하여 정수를 반환

음수일 경우 소수점 이하를 내림한 후 -1 한 정수를 반환

Math.floor(1.6); //1
Math.floor(1.2); //1
Math.floor(-1.6); //-2
Math.floor(0); //0
Math.floor(2.99999999); //2

 

 

2-2. Math.ceil(num) ➡️ Number

인수의 소수점 이하를 올림 하여 정수를 반환

Math.ceil(1.6); //2
Math.ceil(1.2); //2
Math.ceil(-1.6); //-1
Math.ceil(0); //0
Math.ceil(2.99999999); //3

 

 

2-3. Math.round(num) ➡️ Number

인수의 소수점 이하를 반올림하여 정수를 반환

Math.round(1.6); //2
Math.round(1.2); //1
Math.round(-1.6); //-2
Math.round(0); //0
Math.round(2.99999999); //2

 

 

2-4. Math.abs(num) ➡️ Number

인수의 절대값을 반환

Math.abs(1); //1
Math.abs(-1); //1
Math.abs('1'); //1
Math.abs(); //NaN
Math.abs(null); //0
Math.abs(undefined); //Nan

 

 

2-5. Math.random() ➡️ Number

0과 1 사이의 난수를 반환

(0은 포함 1은 미포함)

Math.random(); //0.8662034456576044 (0과 1사이에 랜덤한 부동소수)
Math.random(1); //0.6471757091760314 (0과 1사이에 랜덤한 부동소수)

Math.random() * 10 //7.098765947852081

 

 

2-6. Math.max(...num) ➡️ Number

0개 이상의 인수에서 제일 큰 수를 반환

Math.max(1,2,3) //3



// 배열을 직접적으로 넣어 실행하면 NaN가 반환됨
Math.max([2,1,4]) //NaN

// 따로 배열을 변수로 선언후 인수로 받아야함
let arr = [2,1,4];
Math.max(...arr); //4

 

 

2-7. Math.min(...num) ➡️ Number

0개 이상의 인수에서 제일 작은 수를 반환

Math.min(1,2,3) //1



// 배열을 직접적으로 넣어 실행하면 NaN가 반환됨
Math.min([2,1,4]) //NaN

// 따로 배열을 변수로 선언후 인수로 받아야함
let arr = [2,1,4];
Math.min(...arr); //1

 

 

2-8. Math.sqrt(num) ➡️ Number

인수의 제곱근을 반환

Math.sqrt(121); //11
Math.sqrt(-121); //NaN
Math.sqrt(3); //1.7320508075688772
Math.sqrt(1); //1
Math.sqrt(0); //0
Math.sqrt(); //NaN

 

 

2-9. Math.pow(num1, num2) ➡️ Number

num1의 num2 제곱근을 반환

Math.pow(2, 3); //8 = 2 ** 3
Math.pow(1, 3); //1 = 1 ** 3
Math.pow(-2, 3); //-8 = -2 **3

 

 

 

이외에도 다양한 Math 메소드들이 사용되고 있다.

Math.log(num)와 같이 로그값을 반환하거나

Math.sin(num), Math.tan(num) 과 같이 사인이나 탄젠트 같은 삼각함수값을 반환한다.

 

더 자세한 메소드들을 보고 싶으면 아래 링크로 타고 들어가면 알 수 있다⏬

 

Math - JavaScript | MDN

 

 

 

 

 

 

3. Math 메소드를 활용한 로또번호 추출기

---

이번 주 로또번호는 바로 너다!!!!!!!

 

 

 

매주 6개의 번호를 통해 당첨되는 로또번호!

Math메소드를 통해 자동으로 추출되는 알고리즘을 만들어보자.

make num 어쩌고 버튼을 누르면 6개의 번호가 랜덤으로 뜬다.

 

See the Pen Untitled by hong (@hong99cone) on CodePen.

 

// 로또 넘버를 뽑는 부분
// Math.random 으로 0-1사이에 부동소수를 랜덤으로 뽑고
// * 45로 0 ~45 미만 소수점을 가진 숫자가 나오게 해줌
// 로또숫자에는 0이 없으므로 +1를 해줌 1-45 범위의 숫자가 나옴
// Math.floor로 올림없이 소수점을 전부버리고 정수로 변환함

let lottoNum = Math.floor((Math.random() * 45) + 1);

 

로또 숫자를 뽑는 다른 부분은 알고리즘으로 따로 포스팅할 예정이다.

랜덤 뽑기 이벤트를 하는 사이트 알고리즘을 만들 때 유용하게 쓰일 Math 메소드들을 활용해봤다.

 

 

 

 

 

Reference(참조)

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math

https://www.tcpschool.com/javascript/js_standard_math