home
자바
home
🧑🏽‍🎨

숫자, 수학 메소드(Number, Math)

강의명
자바스크립트 중급 강좌
강의순서
5
과목
⚽자바스크립트
수강상태
완료

toString()

10진수 → 2진수/16진수
let num = 10; num.toString(); // "10" num.toString(2); // "1010" let num2 = 255; num2.toString(16); // "ff"
JavaScript
복사

Math.ceil() : 올림

let num1 = 5.1; let num2 = 5.7; Math.ceil(num1); // 6 Math.ceil(num2); // 6
JavaScript
복사

Math.floor() : 내림

let num1 = 5.1; let num2 = 5.7; Math.floor(num1); // 5 Math.floor(num2); // 5
JavaScript
복사

Math.round() : 반올림

let num1 = 5.1; let num2 = 5.7; Math.round(num1); // 5 Math.round(num2); // 6
JavaScript
복사

소수점 자릿수

let userRate = 30.1234;
JavaScript
복사
요구사항 : 소수점 둘째자리 까지 표현 (셋째 자리에서 반올림)
1) userRate * 100 // 3012.34 (100을 곱하고)
2) Math.round(userRate * 100) // 3012 (반올림을 해준 뒤)
3) Math.round(userRate * 100) / 100 // 30.12 (다시 100을 나눈다)
혹은
toFixed() 메소드를 사용한다.
userRate.toFixed(2); // "30.12" userRate.toFixed(0); // "30" userRate.toFixed(6); // "30.123400"
JavaScript
복사
주의할 점 : toFixed 메소드는 문자열을 반환하기 때문에 숫자형으로 변환한다. (필요하다면) Number(userRate.toFixed(2)); // 30.12

isNaN()

NaN인지 판별하는 메소드
NaN은 자기 자신과도 똑같지 않다고 판단한다. (그래서 isNaN 메소드로 판별)
let x = Number('x'); //NaN // x 는 NaN이지만 같지 않다고 판단한다. x == NaN // false x === NaN // false NaN == NaN // false isNaN(x) // true isNaN(3) // false
JavaScript
복사

parseInt()

문자열을 숫자로 바꿔준다.
Number()와 다른 점은 문자가 섞여 있어도 동작한다는 점이다. (읽을 수 있는 부분까지 읽고 문자를 만나면 숫자를 반환한다.)
숫자로 시작하지 않으면 NaN을 반환한다.
두번 째 인수를 받아서 진수를 지정할 수 있다.
let margin = '10px'; parseInt(margin); // 10 Number(margin); // NaN // 숫자로 시작하지 않으면 NaN을 반환한다. let redColor = 'f3'; parseInt(redColor); // NaN // 두 번째 인수를 받아 16진수로 바꿀 수 있다. parseInt(redColor, 16); // 243
JavaScript
복사

parseFloat()

parseInt와 동일하게 동작하지만, 부동소수점을 반환한다.
let padding = '18.5%'; parseInt(padding); // 18 parseFloat(padding); // 18.5
JavaScript
복사

Math.random()

0 ~ 1 사이 무작위 숫자 생성
Math.random(); // 0.26027823967117425 Math.random(); // 0.6318549030443024 Math.random(); // 0.83424325236467743
JavaScript
복사

Math.max() / Math.min()

괄호안의 인수 중 최댓값 / 최솟값을 반환한다.
Math.max(1, 4, -1, 5, 10, 9, 5.54); // 10 Math.min(1, 4, -1, 5, 10, 9, 5.54); // -1
JavaScript
복사

Math.abs() : 절대값

Math.abs(-1); // 1
JavaScript
복사

Math.pow(n, m) : 제곱

Math.pow(2, 10); // 1024
JavaScript
복사

Math.sqrt() : 제곱근

Math.sqrt(16); // 4
JavaScript
복사