이번 포스팅은 자바스크립트 숫자와 수학 method에 대해 알아보겠습니다.
toSting()
1
2
3
4
5
6
7
8
9
10
|
toString()
10진수 -> 2진수/16진수
let num =10;
num.toString(); // "10"
num.toString(2); // "1010"
let num2 = 255;
num2.toString(16); // "ff"
|
cs |
Math
Math.PI / Math.ceil() / Math.floor() / Math.round
1
2
3
4
5
6
7
8
9
10
11
12
13
|
Math.PI;
3.141592653589793 이 나옴 (원주율)
Math.ceil(): 올림
let num1= 5.1;
let num2= 5.7;
Math.ceil(num1); // 6
Math.ceil(num2); // 6
Math.floor(): 내임
Math.round(): 반올림 을 나타낸다 사용법은 똑같다
|
cs |
toFixed()
1
2
3
4
5
6
7
8
9
10
11
|
소수점 자릿수 : toFixed()
let userRate = 30.1234;
요구사항: 소수점 둘째자리 까지 표현(셋째짜리에서 반올림)
userRate.toFixed(2); // "30.12"
userRate.toFixed(2); // "30"
userRate.toFixed(6); // "30.123400"
0일때는 정수만 취하고, 가지고 있는 소수점 보다 숫자가 크다면 그만큼을 0으로 채워준다.
중요한건 toFixed는 문자열로 반환한다.
숫자로 나타내기 위해선 Number(userRate.toFixed(2)); 가 되어야한다. |
cs |
isNaN()
1
2
3
4
5
6
7
8
9
10
11
12
13
|
isNaN() : NaN인지 아닌지를 판단해준다.
let x = Number('x'); // NaN
NaN 신기하게도 자기 자신과도 똑같지 않다고 판단한다.
x == NaN //false
x === NaN //false
NaN == NaN //false
isNaN(x); //true
isNaN(3); //false
헷갈리지만 외우둡시다.
|
cs |
parseInt() 와 parseFloat()는 이전에 한번 정리한 글이 있어 대체로 올리겠습니다.
Math.random()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
Math.random() : 0~1사이 무작위 숫자 생성
Math.random() // 0.232336348723
Math.random() // 0.357987424920
Math.random() // 0.798764322424 like these!
만약 1에서 100까지 임읭의 숫자를 뽑고 싶다면?
Math.floor(Math.random()\*100)+1
1. 랜덤함수로 숫자가 나오면 100을 곱한다. ex) 67.89
2. floor함수로 정수만을 취하고
3. 00.00123 식으로 나올 것을 대비하여 마지막에 +1을 해준다.
이렇게 식을 작성한다.
|
cs |
Math.max() / Math.min() / Math.abs() / Math.pow(n,m) /Math.sqrt()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
Math.max() / Math.min()
Math.max(1,4,-1,5,10,9,5.54);
Math.min(1,4,-1,5,10,9,5.54);
//10
//-1 이 나온다.
Math.abs() : 절대값
Math.abs(-1) // 1
Math.pow(n,m) : 제곱
2의 10승 구하기
Math.pow(2, 10); // 1024
Math.sqrt() : 제곱근
16의 제곱근 구하기
Math.sqrt(16) // 4
|
cs |
알아두면 좋은 숫자와 수학 method 에 대해 알아보았습니다.
코딩앙마의 자바스크립트 중급 강좌를 보고 정리한 글입니다.
읽어주셔서 감사합니다.
반응형
'개발 공부 > 웹개발' 카테고리의 다른 글
자바스크립트_재귀함수 기본 개념정리_다르게 생각하기 (0) | 2021.05.13 |
---|---|
react 컴포넌트와 props로 데이터 보내기 (0) | 2021.05.12 |
자바스크립트_생성자 함수 개념정리 (0) | 2021.05.10 |
자바스크립트 식별자 API 개념정리(1)_getElementById, className, classList 사용법 (0) | 2021.05.10 |
Dom 기본개념 정리(2)_알아두면 좋은 이벤트와 이벤트의 기본 문법, value와 textContent의 차이 (0) | 2021.05.10 |
댓글