Javascript-5 (Math)

나는 문과생이자, 예체능 계열을 해왔다.
그래서 수학이라는 것이 나오면 머리가 아파지기 일쑤 였다.

그런데 오늘 정리하는 것은 Math 라는 것만 보고 피할 것이 아니라, 내가 더 편하게 숫자를 볼 수 있도록 도와주는 것이니 익혀두면 도움이 되겠다!

1. Math.PI
우선 π(파이) 라는 것을 학생시절 익혀본 적 있을 것이다.
혹은 예능에서도 가끔 나와서 익숙할텐데, Math.PI를 사용하면 3.141592653589793.... 이렇게 원주율을 구해준다.

2. Math.ceil()
이는 숫자와 상관 없이 "반올림"을 해주는 것이다.
여기서 숫자와 상관 없이 라는 말은 5.5 이상이 되지 않아도 즉, 5.1 이어도 무조건 6으로 나오도록 반올림한다는 뜻이다.

3. Math.floor()
floor는 ceil과 반대로 숫자와 상관 없이 내림을 해주는 것을 말한다.
즉, 4.1이라는 숫자도

let num1 = 4.1;
Math.floor(num1) // 4

이렇게 Math.floor를 해주면 4라는 숫자가 나온다

4. Math.around()
이제서야 우리가 아는 반올림이 나온다.

let num1 = 5.1;
let num2 = 5.8;

Math.round(num1); // 5
Math.round(num2); // 6

이렇게 우리가 아는 것처럼 반올림,내림 할 수 있다.

그렇다면 around를 가지고 간단하게 예제를 만들어보자!
Q. 30.1234를 셋째자리에서 반올림하여 소수점 둘째자리까지 표현하려면?

let userRate = 30.1234;

userRate * 100 // 3012.34

↓↓↓

Math.round(userRate*100) // 3012

↓↓↓

Math.round(userRate*100)/100 // 30.12

이렇게도 사용해볼 수 있다.

---

---

parseInt()
이는 소수점 이하는 무시하며, 숫자를 문자열로 바꿔준다.

let margin = '10px';
parseInt(margin); // 10 

let redColor = 'f3';
parseInt(redColor); // NaN 

let redColor = 'f3';
parseInt(redColor, 16); // 243 : 16진수로 바꿔준다

첫 번째 부분 : 숫자부분까지만 문자열로 만들어준다
두 번째 부분 : 처음에 숫자가 아니면 NaN을 나타낸다
세 번째 부분 : 16진수로 바꿔준다

parseFloat( )
parseInt와 동일하지만, 부동 소수점을 반환한다

let padding = '18.5%'
parseInt(padding); // 18
parseFloat(padding); // 18.5

---

---

많이 사용 되어지는 것들은 이런 것들이 있다.
Q1. 1~100 사이 임의의 숫자를 뽑고 싶다면?

Math.floor(Math.random()*100)+1

Q2. 최대값, 최소값 할 때는? Max, min

Math.max(1, 4, .1, 5, 10, 9, 5.54); // 10
Math.min(1, 4, .1, 5, 10, 9, 5.54); // -1

Q3. 절대값 구하기

Math.abs(-1) // 1

여기서 abs는 absolute를 뜻한다!