■ Front-End ■/JavaScript

[JavaScript] 학습정리 - 11.Math와 Date객체

한길(One Way) 2023. 3. 1.

자바스크립트는 객체 기반 함수형 스크립트 언어이며 웹에서 중요한 위치를 차지하고 있다.

 

이번에는 자바스크립트의 Math 객체와 Date 객체에 대해 간단히 알아보자. 그렇게 자주 사용하지 않는 객체라 사용하는 시점에 확인해도 문제없다.

Math.pow()
멱승 

console.log(Math.pow(2, 10));
>> 1024

console.log(Math.pow(3, 1/2));
>> 1.7320508075688772

 

Math.round()
정수에 가까운 숫자

console.log(Math.round(.7));
>> 1

 

Math.ceil()
정수에 가까운 수로 올림

console.log(Math.ceil(.7));
>> 1


Math.floor() 
정수에 가까운 수로 내림

console.log(Math.floor(.7));
>> 0


Math.abs()
절댓값

console.log(Math.abs(-7));
>> 7


Math.max()
최댓값

console.log(Math.max(10, 12, 14));
>> 14


Math.min()
최솟값

console.log(Math.min(10, 12, 14));
>> 10


Math.random()
임의의 숫자

console.log(Math.random());
>> 0.22859043371863663


Math.sqrt()
근의 수

console.log(Math.sqrt(3));
>> 1.7320508075688772


Math.sin()
사인값

console.log(Math.sin(45));
>> 0.8509035245341184


Math.cos()
코사인값

console.log(Math.cos(45));

 
Math.tan()
탄젠트값

console.log(Math.tan(45));


Math.log()
로그값

console.log(Math.log(100));
 
>> 4.605170185988092


Math.exp()
지수값

console.log(Math.exp(3));
>> 20.085536923187668


Math 수학상수

console.log(Math.PI);
>> 3.141592653589793

console.log(Math.E);
>> 2.718281828459045



이번에는 Date 객체에 대해서 알아보자. 화면에서 날짜를 처리할 때 종종 사용한다.

new Date()
현재 시간을 출력합니다.

console.log(new Date());
>> Wed Mar 01 2023 03:41:24 GMT+0900 (한국 표준시)
console.log(new Date() - 1000);

>> 1677609696849
var today = new Date();
var yesterday = new Date(today - 1000 * 60 * 60 * 24);
console.log(yesterday);

>> Tue Feb 28 2023 03:42:00 GMT+0900 (한국 표준시)

 

아래는 Date 객체의 Method 목록이다.

 

getYear() Deprecated. 대신 getFullYear() method를 사용한다

getFullYear() 년도를 반환한다 (네 자리 숫자)

getMonth() 달을 반환한다 ( 0-11)

getDate() 달의 날짜를 반환한다. ( 1-31)

getDay() 주의 날짜를 반환한다 ( 0-6)

 

getHours() 시간을 반환한다 (0-23)
getMinutes() 분을 반환한다 (0-59)
getSeconds() 초를 반환한다 (0-59)

getMilliseconds() 1000분의 1초를 반환한다 ( 0-999)

 

getTime() 1970년 1월 1일 자정 이후의 1000분의 1초의 숫자를 반환한다
getTimezoneOffset() GMT와 local 시간 사이의 차이를 분으로 반환한다

 

getUTCFullYear() universal time에 따라 연도를 반환한다 (네 자리 숫자)

getUTCMonth() universal time 데 따라 달을 반환한다 (0-11)
getUTCDate() universal time에 따라 달의 날짜를 반환한다 (1-31)
getUTCDay() universal time에 따라 주의 날짜를 반환한다 (0-6)

 

getUTCHours() universal time에 따라 시간을 반환한다 (0-23)
getUTCMinutes() universal time에 따라 분을 반환한다 (0-59)
getUTCSeconds() universal time에 따라 초를 반환한다 (0-59)

getUTCMilliseconds() universal time에 따라 1000분의 1초를 반환한다 (0-999) 

 

parse() Date string을 분석하고 1970년 1월 1일 자정 이후의 1000분의 1초의 숫자를 반환한다

 

setYear() Deprecated. 대신 setFullYear() method를 사용한다.

setFullYear() 년도를 설정한다 (네 자리 숫자)

setMonth() 달을 설정한다 (0-11)

setDate() 달의 날짜를 설정한다 (1-31)


setHours() 시간을 설정한다 (0-23)
setMinutes() 분을 설정한다 (0-59)
setSeconds() 초를 설정한다 (0-59)
setMilliseconds() 1000분의 1초를 설정한다 (0-999)

 

setTime() 1970년 1월 1일 자정으로부터 1000분의 1초의 특정 숫자를 더하거나 뺌으로서 날짜와 시간을 설정한다.

 

setUTCFullYear() universal time에 따라 연도를 설정한다 (네 자리 숫자)
setUTCMonth() universal time에 따라 달을 설정한다 (0-11)
setUTCDate() universal time에 따라 달의 날짜를 설정한다 (1-31)
setUTCHours() universal time에 따라 시간을 설정한다 (0-23)
setUTCMinutes() universal time에 따라 분을 설정한다  (0-59)
setUTCSeconds() universal time에 따라 초를 설정한다 (0-59)

setUTCMilliseconds() universal time에 따라 1000분의 1초를 설정한다 (0-999)

 

toDateString() 읽을 수 있는 string으로 Date object의 date 부분을 변환한다
toGMTString() Deprecated. 대신 toUTCString() method를 사용한다
toLocaleDateString() Locale 변환을 사용하여 string으로서 Date object의 date 부분을 반환한다
toLocaleTimeString() Locale 변환을 사용하여 string으로서 Date object의 time 부분을 반환한다
toLocaleString() Locale 변환을 사용하여 string으로 Date object를 변환한다.

 

toString() string으로 Date object를 변환한다.
toTimeString() string으로 Date object의 time 부분을 변환한다
toUTCString() universal time에 따라 sting으로 Date object를 변환한다

valueOf() Date object의 원시값을 반환한다

 

UTC() universal time에 따라 1970년 1월 1일 자정 이후의 1000분의 1초의 숫자를 반환한다 

728x90

댓글