BlogErin
BlogErin
BlogErin
전체 방문자
오늘
어제
  • 카테고리 (25)
    • FrontEnd (20)
      • WEB (0)
      • HTML (1)
      • CSS (1)
      • JavaScript (9)
      • jQuery (7)
      • React (0)
      • Git (0)
      • Error 🔨 (2)
    • Project (1)
    • Reference (2)
    • Daily😃 (1)
    • Likes🎵 (1)
      • Photoshop (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • Github

인기 글

최근 글

최근 댓글

티스토리

hELLO · Designed By 정상우.
BlogErin

BlogErin

[JavaScript] 자바스크립트 Math 정리
FrontEnd/JavaScript

[JavaScript] 자바스크립트 Math 정리

2022. 1. 11. 02:14

 

절댓값 (Absolute Number)

Math.abs(x)를 하면 x의 절댓값 리턴

console.log(Math.abs(-10));
console.log(Math.abs(10));
10
10

 

최댓값 (Maximum)

Math.max 함수에 파라미터로 여러 수를 넘겨주면, 그 중 가장 큰 값 리턴

console.log(Math.max(2, -1, 4, 5, 0));
5

 

최솟값 (Minimum)

Math.min 함수에 파라미터로 여러 수를 넘겨주면, 그 중 가장 작은 값 리턴

console.log(Math.min(2, -1, 4, 5, 0));
-1

 

거듭제곱 (Exponentiation)

Math.pow(x, y)를 하면 x의 y승의 결과값 리턴

console.log(Math.pow(2, 3));
console.log(Math.pow(5, 2));
8
25

 

제곱근 (Square Root)

Math.sqrt(x)를 하면 x의 제곱근 리턴

console.log(Math.sqrt(25));
console.log(Math.sqrt(49));
5
7

 

반올림 (Round)

Math.round(x)를 하면 x의 반올림된 값 리턴

소수점 부분이 0.5 이상이면 가장 가까운 정수값으로 올라가고,

소수점 부분이 0.5 미만이면 가장 가까운 정수값으로 내려간다

console.log(Math.round(2.3));
console.log(Math.round(2.4));
console.log(Math.round(2.49));
console.log(Math.round(2.5));
console.log(Math.round(2.6));
2
2
2
3
3

 

버림과 올림 (Floor and Ceil)

Math.floor(x)를 하면 x의 버림 값이, Math.ceil(x)를 하면 x의 올림 값이 리턴

이 경우, 소수 부분이 얼마인지와는 상관 없다

console.log(Math.floor(2.4));
console.log(Math.floor(2.49));
console.log(Math.floor(2.8));
console.log('-');
console.log(Math.ceil(2.4));
console.log(Math.ceil(2.49));
console.log(Math.ceil(2.8));
2
2
2
-
3
3
3

 

난수 (Random)

Math.random을 하면 0 이상 1 미만의 값이 랜덤으로 리턴

console.log(Math.random());
console.log(Math.random());
console.log(Math.random());
console.log(Math.random());
0.21458369059793236
0.6622040803059857
0.785172717569619
0.9056556038884926

 

그 외 참고 링크

▶ 더 알아보기

 

Math - JavaScript | MDN

Math는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다.

developer.mozilla.org

 

'FrontEnd > JavaScript' 카테고리의 다른 글

[JavaScript] 자바스크립트 Date 정리  (0) 2022.01.11
[JavaScript] 자바스크립트 Array 정리  (0) 2022.01.11
[JavaScript] 자바스크립트 String 정리  (0) 2022.01.11
    'FrontEnd/JavaScript' 카테고리의 다른 글
    • [JavaScript] 다양한 자바스크립트 스타일 가이드
    • [JavaScript] 자바스크립트 Date 정리
    • [JavaScript] 자바스크립트 Array 정리
    • [JavaScript] 자바스크립트 String 정리
    BlogErin
    BlogErin
    안녕하세요 :) 새로운 지식과 경험을 좋아하는 프론트엔드 개발자 Erin입니다.

    티스토리툴바