Javascript. 숫자, 수학 method (Number, Math)

숫자, 수학 method는 쇼핑몰, 통계, 지표 등 많은 작업에서 필수적.

toString()

let num1 = 10;
num.toString(); // "10"
num.toString(2); // "1010"

let num2 = 255;
num.toString(16); // "ff" 컬러코드에서 많이 사용

• 숫자를 문자로 바꿔주는 메소드
  괄호 안에 숫자를 쓰면 해당 진법으로 변경
  
  

Math

자바스크립트에는 수학과 관련된 프로퍼티와 메소드가 들어있는 Math라는 내장 객체가 존재

Math.PI; // 3.141592653589793 π(원주율)을 구해준다
Math.ceil(); // 올림
Math.floor(); // 내림
Math.round(); // 반올림

toFixed

let userRate = 30.1234;

// 소수점 둘째자리까지 표현(셋째 자리에서 반올림)
// 1번
Math.round(userRate * 100)/100
// 2번(toFixed) 숫자를 인수로 받아 그 숫자만큼 소수점 이하 자릿수에 반영
userRate.toFixed(2); // "30.12"
userRate.toFixed(0); // "30"
userRate.toFixed(6); // "30.123400"

• 통계나 지표 표현 시 굉장히 많이 사용
• 단, 문자열을 반환한다는 점을 유의해야 함.
  그래서 반환받은 후 Number를 사용하여 숫자로 변환하는 경우가 많음

isNaN()

let x = Number('x'); // x는 NaN. 

x == NaN //false
x === NaN //false
NaN == NaN //false 자기 자신과 비교해도 false가 나옴

• x가 NaN인지 아닌지 확인할 수 있는 유일한 메소드 -> isNaN()

parseInt

let mg = '10px';

parseInt(mg); // 10
Number(mg); // NaN

let clr = 'f3';

parseInt(clr); // NaN

• 문자열을 숫자로 바꿔줌.
  Number와 다르게 문자가 섞여있어도 동작. 숫자만 반환.
• 단, 숫자로 시작하지 않으면 NaN을 반환
• 소수점 이하는 무시하고 정수만 반환

let clr = 'f3';

parseInt(clr); // NaN
parseInt(clr, 16); // 243

parseInt(11, 2); // 3

• 두번째 인수를 받아서 진수를 지정할 수 있음

parseFloat

let mg = '17.5%';

parseInt(mg); // 17
parseFloat(mg); // 17.5

• parseInt와 동일하게 동작.
• 부동소수점까지 표현

Math.random();

• 0 ~ 1 사이 무작위 숫자 생성

// 1~ 100 사이의 임의의 숫자를 뽑고 싶다면?
Math.floor(Math.random() * 100) + 1
// 0.6789 * 100
// 67.89 -> 67
// 67 + 1 (1 ~ 100 사이의 임의의 숫자를 뽑는 것이기 때문에 0이 나오는 것을 방지하기 위함)
// 랜덤 숫자 68

Math.max() / Math.min()

Math.max(1,2,3,4,5, -1); // 5
Math.min(1,2,3,4,5, -1); //-1

• 괄호 안의 숫자 중 최대값, 최소값 구해줌

Math.abs()

Math.max(-1); // 1

• 괄호 안의 숫자의 절대값 구해줌
• absolute의 약자

Math.pow(n,m)

Math.pow(2,10); // 1024

• n의 m승 값을 구해줌 (제곱)
• power의 약자

Math.sqrt()

Math.sqrt(16); // 4

• 제곱근을 구해줌
• square root의 약자