Javascript

Date 객체 생성

2023. 10. 30. 21:52
목차
  1. 날짜 객체 생성하기
  2. 다른 날짜 메서드
  3. 변수로 날짜 생성하기

날짜 객체 생성하기

  • new 키워드로 날짜 객체를 생성함
  • Date 객체의 인자로 아무값도 들어가지 않으면 현재 날짝와 시간을 반환
let today = new Date();
console.log(today) //2023-10-30T12:27:47.694Z
  • 주어진 날짜에서 원하는 값 가져오기
  • Date 객체 안에 지정된 형식으로 날짜를 입력하면 지정된 날짜와 시간을 가져옴
  • 날짜를 가져오는 메서드인  getDate
//지정된 형식으로 날짜와 시간 입력
let today = new Date('October 30, 2023 22:32:30');
console.log(today.getDate())

  • 주어진 날짜를 21로 변경했을때
//30에서 21일로 날짜 변경
let today = new Date('October 21, 2023 22:32:30');
console.log(today.getDate())
  • 변경된 날짜인 21이 Num타입으로 출력

다른 날짜 메서드

  • 해당 연도 출력 getFullYear 메서드
console.log(today.getFullYear())
  • Number 타입 2023년도 출력

  • 시간을 출력하는 getHours 메서드
console.log(today.getHours())
  • Number 타입 21(오후 9시) 출력

  • 객체로써 Date 클래스를 생성하면 주어지는 값을 바꿀 수 있음

변수로 날짜 생성하기

  • new 키워드고 객체를 생성하는 것이 아닌 일반 함수로 생성했을때는 주어진 값을 변경할 수 없고 현재 날짜와 시간만을 담고있는 변수를 선언함
let today1 = Date();
console.log(today1)
  • 현재 날짜와 시간을 담고 있는 변수

  • Date함수안의 인자로 다른 날짜를 전달했을때 출력
let today1 = Date('October 21, 2023 21:32:30');
console.log(today1)
  • new 키워드와 다르게 값을 변경할 수 없고, 현재 날짜와 시간을 그대로 가지고 있음.

'Javascript' 카테고리의 다른 글

[모자딥]프로퍼티 어트리뷰트 16.03~16.06  (3) 2023.11.21
[모자딥]프로퍼티 어트리뷰트 16.01 ~ 16.02  (0) 2023.11.19
배열 생성  (0) 2023.10.22
프로미스와 async/await  (0) 2023.07.26
이벤트 루프  (0) 2023.07.19
  1. 날짜 객체 생성하기
  2. 다른 날짜 메서드
  3. 변수로 날짜 생성하기
'Javascript' 카테고리의 다른 글
  • [모자딥]프로퍼티 어트리뷰트 16.03~16.06
  • [모자딥]프로퍼티 어트리뷰트 16.01 ~ 16.02
  • 배열 생성
  • 프로미스와 async/await
index.ys
index.ys
머리속에 떠도는 코드조각들을 맞추는 공간입니다.
index.ys
코린이 개발일지
index.ys
전체
오늘
어제

공지사항

블로그 메뉴

  • 홈
  • 방명록
  • Github
  • Notion
  • Figma
  • 타닥타닥 (235)
    • 개발일지 (124)
    • html , css (0)
    • Javascript (30)
    • Node.js (8)
    • React (2)
    • 네트워크 (1)
    • DB, SQL (5)
    • AWS (11)
    • CS (21)
    • 면접 (13)
    • 사진 (4)
    • 북로그 (3)
    • 머릿속 (5)

인기 글

최근 글

최근 댓글

hELLO · Designed By 정상우.
index.ys
Date 객체 생성
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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