Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript 날짜 및 시간:초보자를 위한 가이드

특히 프로그래밍에서는 시계를 피할 수 없습니다. 우리가 하루를 추적하기 위해 시계와 시계에 의존하는 것처럼, 프로그램은 시간 추적 도구를 사용하여 어떤 일이 언제 발생해야 하는지 알고 있습니다.

여러 응용 프로그램에서 시간을 추적해야 합니다. 블로그 애플리케이션은 게시물이 생성된 시간을 기억해야 하는 반면 캘린더 애플리케이션은 예약된 이벤트를 표시합니다.

이 가이드에서는 JavaScript에서 날짜 및 시간을 사용하는 방법에 대해 설명합니다. 이러한 도구로 작업하는 방법을 설명하기 위해 몇 가지 예를 살펴보겠습니다.

자바스크립트 날짜 개체란 무엇입니까?

JavaScript에서 시간으로 작업하기 위해 Date 객체를 사용합니다. 이것은 날짜와 시간을 저장하는 특별한 객체입니다. 게다가 Date 객체는 날짜와 시간에 대한 특정 정보를 검색하는 데 사용할 수 있는 다양한 메서드와 함께 제공됩니다.

날짜 개체는 다음과 같습니다. 

new Date();

이 자습서에서는 Date가 대문자임을 알 수 있습니다. Date는 내장 JavaScript 객체이기 때문입니다. 날짜 개체로 작업하려면 날짜라는 단어를 대문자로 사용해야 합니다.

날짜 개체를 사용하는 방법

값이 없으면 Date 객체는 현재 날짜와 시간을 알려줍니다. 이것은 운영 체제의 설정과 시간대를 고려하여 계산됩니다.

Date 객체를 사용하여 다음과 같이 현재 날짜를 검색할 수 있습니다.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

var currentDate = new Date();
console.log(currentDate);

우리 코드는 다음 값을 포함하는 Date 객체를 반환합니다.

Wed Jun 24 2020 10:49:46 GMT+0100 (British Summer Time)

보시다시피, 이 기사는 타임스탬프에서 볼 수 있듯이 2020년 6월 24일 영국에서 작성되었습니다. Date 개체의 장점은 사람이 읽을 수 있는 날짜 형식으로 데이터를 반환하여 우리가 쉽게 이해할 수 있다는 것입니다.

날짜를 사용하여 타임스탬프 검색

위의 코드는 우리 인간이 읽을 수 있지만 문제가 있습니다. JavaScript는 다르게 작동합니다. Unix 타임스탬프를 사용하여 날짜를 해석합니다. Unix 타임스탬프는 1970년 1월 1일 이후로 몇 초가 지났는지 계산합니다. 이것이 Unix 시간이 시작된 때입니다.

현재 시간을 타임스탬프로 검색하려면 getTime()을 사용할 수 있습니다. 방법:

var currentDate = new Date();
console.log(currentDate.getTime());

코드는 1592992393313을 반환합니다. , JavaScript에서 해석할 수 있는 숫자입니다.

날짜 개체 만들기

Date 객체의 기본값은 현재 날짜와 시간입니다. 이를 변경하여 특정 타임스탬프 또는 날짜 및 시간을 기반으로 날짜를 생성할 수 있습니다.

타임스탬프, 날짜 문자열 또는 현재 날짜 및 시간에 해당하는 숫자 집합을 지정하여 이를 수행할 수 있습니다.

  • 새 날짜(타임스탬프)
  • 새 날짜(문자열)
  • 새 날짜(년, 월, 일, 시, 분, 초, 밀리초 수)

2021년 1월 1일에 대한 타임스탬프를 생성한다고 가정합니다. 다음 코드를 사용하여 생성할 수 있습니다.

var nextYear = new Date("January 1 2021 12:00");
console.log(nextYear);

코드 반환:2021년 1월 1일 Fri 12:00:00 GMT+0000(그리니치 표준시)

다음 코드 줄을 사용하여 이 타임스탬프를 만들 수도 있습니다.

var nextYear = new Date(1609502400000);
console.log(nextYear);

var nextYear = new Date(2021, 1, 1, 0, 0, 0, 0);
console.log(nextYear);

코드 반환:

Fri Jan 01 2021 12:00:00 GMT+0000 (Greenwich Mean Time)
Fri Jan 01 2021 12:00:00 GMT+0000 (Greenwich Mean Time)

이러한 모든 메서드는 동일한 Date 개체를 만듭니다.

날짜 검색

Date 객체는 날짜에 대한 특정 정보에 액세스하기 위한 내장 메소드 배열과 함께 제공됩니다. get으로 시작하는 날짜에 대한 정보를 검색할 수 있는 메소드 . 참조용 목록은 다음과 같습니다.

  • 연도:getFullYear()
  • 월:getMonth()(0과 11 사이, 여기서 0은 1월)
  • 날짜:getDate()(1에서 31 사이)
  • 요일:getDay()(0과 6 사이, 일요일은 0)
  • 시간:getHours()(0에서 23 사이, 여기서 자정은 0)
  • 분:getMinutes()
  • 두 번째:getSeconds()
  • 밀리초:getMilliseconds()
  • 타임스탬프:getTime()

지금이 몇 시인지 알고 싶다고 가정해 봅시다. 다음 코드를 사용하여 그렇게 할 수 있습니다.

const currentDate = new Date();
console.log(currentDate.getHours());

우리 코드는 11을 반환합니다. . 이것은 현재 11시간이 지났음을 보여줍니다.

이러한 기능은 하루에 대한 특정 정보를 추출하는 데 도움이 되기 때문에 유용합니다. 문자열 조작에 대해 걱정할 필요가 없습니다. get만 사용할 수 있습니다. 현재 시간에 대해 자세히 알아보는 방법.

UTC를 추가하여 협정 세계시(UTC)를 사용하여 타임스탬프를 검색할 수 있습니다. 단어 get 사이 그리고 날짜 값. 기본적으로 Date 객체는 사용자의 현지 시간대로 정보를 반환합니다. 여러 시간대의 사용자와 작업하는 경우 UTC를 사용하여 이벤트가 쉽게 발생하는 시간을 추적하는 것이 가장 좋습니다.

날짜 개체 업데이트

날짜 개체는 날짜 set를 사용하여 업데이트할 수 있습니다. 행동 양식. set가 있습니다. 모든 get에 대한 메소드 Date 객체가 제공하는 메소드:

  • 연도:setFullYear()
  • 월:setMonth()
  • 날짜:setDate()
  • 요일:setDay()
  • 시간:setHours()
  • 분:setMinutes()
  • 두 번째:setSeconds()
  • 밀리초:setMilliseconds()
  • 타임스탬프:setTime()

작년에 이 날짜가 어떤 요일인지 알고 싶다고 가정해 봅시다. setFullYear()를 사용하여 Date 객체의 연도를 2019년으로 설정하면 됩니다. . 그런 다음 getDay()를 사용할 수 있습니다. 요일 검색:

const currentDate = new Date();
currentDate.setFullYear(2019);

const daysOfTheWeek = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', Saturday', Sunday'];
const dayLastYear = currentDate.getDay();

console.log('On this day last year it was ' + daysOfTheWeek[dayLastYear]);

코드는 다음을 반환합니다. 작년 이 날은 화요일이었습니다.

먼저 Date()를 사용합니다. 현재 날짜를 검색합니다. 그런 다음 setFullYear()를 사용합니다. 날짜 개체의 연도를 2019년으로 설정하는 메서드입니다.

다음으로 daysOfTheWeek라는 배열을 선언합니다. . 이것은 getDay()에서 반환된 숫자를 변환하는 데 도움이 됩니다. 요일에.

그런 다음 getDay()를 사용합니다. 메서드를 사용하여 2019년 이 시간이 요일인지 확인합니다. 그런 다음 On this day last year it was 요일이 뒤에 옵니다.

결론

Date 객체를 사용하면 JavaScript에서 날짜와 시간으로 작업할 수 있습니다. Date 객체는 get 범위와 함께 제공됩니다. 현재 시간 및 set에 대해 배우는 데 도움이 되는 메서드 날짜 및 시간 개체를 조작하는 방법. 이제 전문가처럼 JavaScript로 날짜 및 시간 작업을 시작할 준비가 되었습니다!