[JavaScript] Number, Math

2022. 9. 27. 12:43· Node.js/JS
목차
  1. toString() : 숫자를 문자로
  2. Math
  3. 1. Math.PI : 원주율 반환
  4. 2. Math.ceil() : 올림
  5. 3. Math.floor() : 내림
  6. 4. Math.round() : 반올림
  7. 소수점 자릿수
  8. isNaN() : NaN인지 확인
  9. parseInt() : 문자열에서 숫자를 찾아 반환
  10. parseFloat() : 소수점을 찾아 반환
  11. Math.random() : 랜덤 숫자를 생성
  12. Math.max(), Math.min() : 최댓값, 최솟값을 반환
  13. Math.abs() : 절대값 반환
  14. Math.pow(n, m) : 제곱
  15. Math.sqrt() : 제곱근

toString() : 숫자를 문자로

let num = 10;

num.toString(); // "10"
num.toString(2); // "1010"

숫자형 변수에 toString()이라는 메서드를 사용하면 그 변수를 문자형으로 변환하여 반환해줍니다. 이때, 원본 자료형은 유지합니다.


또한, 매개변수로 숫자를 인자로 넣으면 그 진수로 변환하는 것입니다. 2진수, 16진수 등으로 사용 가능합니다.

 

Math

1. Math.PI : 원주율 반환

2. Math.ceil() : 올림

부동소수점 자료형에서 값을 올리기 위해 사용합니다.

Math.ceil(5.7); // 6

3. Math.floor() : 내림

부동소수점 자료형에서 값을 내리기 위해 사용합니다.

Math.floor(5.3); // 5

4. Math.round() : 반올림

부동소수점 자료형에서 값을 반올림 하기 위해 사용합니다.

Math.round(5.2); // 5
Math.round(5.7); // 6

소수점 자릿수

1. 연산

소수점 자릿수를 살리면서 소수를 처리해야 할 경우가 있습니다. 그러면 아래와 같은 방법을 사용합니다.

let num = 3.141592;

Math.round(num * 1000); // 3141
Math.round(num * 1000) / 100; // 31.41

2. toFixed() 사용 (반올림)

숫자를 인수로 받아서 그 숫자만큼 소수점 이하만큼 반영합니다.

let num = 3.141592;

num.toFixed(2); // "3.14"

num.toFixed(0); // "3"

num.toFixed(8); // "3.14159200"

주의할 점은 문자열을 반환한다는 사실입니다. 그렇기 때문에 Number를 사용하여 숫자로 변환하여 사용합니다.

let num = 3.141592

Number(num.toFixed(2)); // 3.14

 

isNaN() : NaN인지 확인

NaN을 일치 연산자로 확인하면 서로 같은 NaN인 경우에도 false를 반환합니다. 그래서 내가 NaN인지 확인하고 싶은 값이 있다면, isNaN() 을 사용합니다.

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

x === NaN // false
NaN === NaN // false

isNaN(x) // true

parseInt() : 문자열에서 숫자를 찾아 반환

문자열에서 숫자형 자료를 찾아서 그 값을 숫자형으로 반환합니다.

let margin = '10px';

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

이때, 숫자로 시작하지 않으면 NaN을 반환합니다. 그리고 여러 개의 숫자가 있어도 처음에 발견한 숫자만을 반환합니다.

let strNum = 'f3';
parseInt(strNum); // NaM

let strNum = '10px100px1000px';
parseInt(strNum); // 10

또한, 매개변수를 두 개 사용하여, 두 번째 자리에 숫자를 인자로 넣으면 그 숫자를 진법 수로 하여 문자열에서 값을 찾아냅니다.

let redColor = 'f3';
parseInt(redColor, 16); // 243

parseInt("11", 2) // 3

parseFloat() : 소수점을 찾아 반환

위와 비슷하지만 소수점을 찾아 반환합니다.

let width = '25.5%';

parseInt(width); // 25
parseFloat(width); // 25.5

Math.random() : 랜덤 숫자를 생성

기본적으로 범위는 0~1까지의 임의의 숫자를 반환합니다.

그래서 1~100까지의 숫자를 뽑아내고 싶다면,

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

버림을 했을 때, 0이 나올 수 있어서 1을 더해줍니다.

Math.max(), Math.min() : 최댓값, 최솟값을 반환

인자에 있는 값들 중 최댓값 혹은 최솟값을 반환합니다.

Math.abs() : 절대값 반환

절대값을 구해 반환해줍니다.

Math.pow(n, m) : 제곱

n의 m 제곱의 값을 반환합니다.

Math.sqrt() : 제곱근

인자의 제곱근을 찾아줍니다.

저작자표시 비영리 (새창열림)

'Node.js > JS' 카테고리의 다른 글

[JavaScript] 이터러블 프로토콜과 map, filter, reduce  (2) 2023.04.25
[JavaScript] Map 메서드와 함수형 프로그래밍, 다형성  (2) 2023.04.23
[JavaScript] ES6에서의 순회와 이터러블  (2) 2023.04.22
[JavaScript] Symbol  (0) 2022.09.27
[JavaScript] 객체 메소드(Object methods), 계산된 프로퍼티(Computed property)  (0) 2022.09.26
  1. toString() : 숫자를 문자로
  2. Math
  3. 1. Math.PI : 원주율 반환
  4. 2. Math.ceil() : 올림
  5. 3. Math.floor() : 내림
  6. 4. Math.round() : 반올림
  7. 소수점 자릿수
  8. isNaN() : NaN인지 확인
  9. parseInt() : 문자열에서 숫자를 찾아 반환
  10. parseFloat() : 소수점을 찾아 반환
  11. Math.random() : 랜덤 숫자를 생성
  12. Math.max(), Math.min() : 최댓값, 최솟값을 반환
  13. Math.abs() : 절대값 반환
  14. Math.pow(n, m) : 제곱
  15. Math.sqrt() : 제곱근
'Node.js/JS' 카테고리의 다른 글
  • [JavaScript] Map 메서드와 함수형 프로그래밍, 다형성
  • [JavaScript] ES6에서의 순회와 이터러블
  • [JavaScript] Symbol
  • [JavaScript] 객체 메소드(Object methods), 계산된 프로퍼티(Computed property)
턴태
턴태
import { Dream } from "future";
턴태
턴태의 밑바닥부터 시작하는 de-vlog
턴태
전체
오늘
어제
  • ROOT (187)
    • Node.js (37)
      • ES6 (1)
      • TypeScript (3)
      • Express.js (16)
      • NestJS (16)
      • JS (24)
    • 프론트엔드 (29)
      • CS (5)
    • 백엔드 (1)
      • 검색 (2)
      • Database (1)
    • 기타 툴 (1)
      • git (1)
    • 데브옵스 & 인프라 (19)
      • Kubernetes (15)
      • Docker (2)
      • Monitoring (1)
      • IaC (1)
    • Algorithm (90)
      • Implementation & simulation (5)
      • Math (4)
      • Brute Force (1)
      • String (0)
      • Graph (5)
      • Recursion & Backtracking (19)
      • Divide & Conquer (2)
      • Dynamic Programming (18)
      • Greedy (13)
      • Priority Queue (2)
      • Binary Search (6)
      • Data Structure (7)
      • Shortest Path (5)
      • Minimum Spanning Tree (1)
      • Sorting (1)
      • Prefix Sum (1)
    • Linux (1)
      • Ubuntu (1)
    • Diary (5)
      • Algorithm (1)
      • Conference (1)
      • Retrospective (3)
    • Book (0)
      • Self-Development (0)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Toy Project
  • 토이프로젝트
  • 다이나믹 프로그래밍
  • 인프런X디프만
  • 노드
  • 오먹
  • python
  • 익스프레스
  • 타입스크립트
  • 백준
  • N과 M
  • Express
  • 파이썬
  • k8s
  • node.js
  • GREEDY
  • 인프런
  • nestjs
  • 네스트
  • 자바스크립트
  • 함수형 프로그래밍
  • baekjoon
  • 디프만
  • Omuk
  • dynamic programming
  • Kubernetes
  • TypeScript
  • 백트래킹
  • backtracking
  • 쿠버네티스

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.1
턴태
[JavaScript] Number, Math
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.