반응형
내장 객체
내장 객체는 JS 엔진에 내장되어 있어 필요시에 사용할 수 있습니다. 내장 객체는 다음과 같은 방법으로 선언할 수 있습니다.
참조 변수 = new 생성 함수();
내장 객체 종류는 대표적으로 아래와 같이 있습니다.
- 문자열 내장 객체 (Click)
- 날짜 내장 객체 (아래 설명)
- 수학 내장 객체 (아래 설명)
- 배열 내장 객체 (Click)
- 정규식 객체 (Click)
날짜 정보 객체: Date
날짜 객체 생성
const date = new Date();
new Date() // 현재 날짜와 시간
new Date(date string) // 날짜 문자열에서 날짜 객체 생성
// 연도, 월, 일, 시, 분, 초, 밀리초 (순서)
new Date(ms)
new Date(year,month)
new Date(year,month,day)
new Date(year,month,day,hours)
new Date(year,month,day,hours,minutes)
new Date(year,month,day,hours,minutes,seconds)
new Date(year,month,day,hours,minutes,seconds,ms)
// 19XX 년도
new Date(99, 11, 25); // 1999년 12월 25일
new Date(9, 11, 25); // 1909년 12월 25일
JS는 날짜를 milliseconds로 저장합니다.
1970년 1월 1일 00:00:00 UTC 시간 + milliseconds 값으로 날짜 객체를 생성합니다.
참고: 하루(24시간) = 86,400,000 ms
날짜 정보 가져오기
- getTime(): 1970년 1월 1일 이후의 밀리초 수 반환
- Date.now() 메서드: 1970년 1월 1일 이후의 밀리초 수를 반환
UTC 날짜, 시간 정보 가져오기
Method | Description |
getFullYear() | 년도 정보 가져옴 |
getMonth() | 월 정보 가져옴 ( 0 ~ 11 ) |
getDate() | 일 정보 가져옴 ( 1 ~ 31 ) |
getDay() | 요일 정보 가져옴 ( 일: 0 ~ 토: 6 ) |
getHours() | 시 정보 가져옴 |
getMinutes() | 분 정보 가져옴 |
getSeconds() | 초 정보 가져옴 |
getMilliseconds() | 밀리초 정보 가져옴 |
getTime() | 1970 년 1월 1일 부터 경과된 시간 가져옴 ( 단위: ms ) |
날짜 설정하기
Method | Description |
setFullYear() | 년도 설정 |
setMonth() | 월 설정 ( 0 ~ 11 ) |
setDate() | 숫자로 일 설정 ( 1 ~ 31 ) |
setHours() | 시간 설정 ( 0 ~ 23 ) |
setMinutes() | 분 설정 ( 0 ~ 59 ) |
setSeconds() | 초 설정 ( 0 ~ 59 ) |
setMilliseconds() | 밀리초 설정 ( 0 ~ 999 ) |
setTime() | 1970 년 1월 1일 부터 경과된 시간 설정 ( 단위: ms ) |
예제: 연말까지 남은 D-Day
let today = new Date();
let nowYear = today.getFullYear();
let date = new Date(nowYear, 11, 31); // 올해 연말 정보
let diffDate = date.getTime() - today.getTime(); // 연말 까지 남은 날짜 ( 단위: ms )
let result = Math.ceil(diffDate / (1000 * 60 * 60 * 24));
console.log("연말까지 남은 D-Day: " + resut);
수학 객체: Math
종류 | 설명 |
Math.abs(num) | 절대값 반환 |
Math.max(num1, num2, ...) | 큰 값 반환 |
Math.min(num1, num2, ...) | 작은 값 반환 |
Math.pow(num, exponent) | num ^ exponent |
Math.random(); | 0과 1 사이의 난수값 반환 |
Math.ceil(num); | 첫째 자리에서 올림 |
Math.floor(num); | 첫째 자리에서 내림 |
Math.round(num); | 첫째 자리에서 반올림 |
Math.sqrt(num); | num 제곱근 |
반응형
'Front-End > JS' 카테고리의 다른 글
JS Map과 Set (0) | 2023.04.26 |
---|---|
JS 자바스크립트 반복문(Loop) / for in, for of 차이점 (0) | 2023.04.26 |
JS 자바스크립트 배열(Array) + 배열을 다루는 내장 API들 소개 (0) | 2023.04.26 |
JS 문자열 메서드 (0) | 2023.04.25 |
JS 자료형과 타입 변환 모음 (0) | 2023.04.25 |