자바스크립트로 날짜를 문자열로 변환하는 방법에는 일반적이 메서드를 사용하는 방법이 있지만 표준형식의 날짜형태나 영어권에서 주로 사용하는 날짜형태를 사용하는 경우도 있다. 기본적으로 자바스크립트 날짜는 날짜의 전체정보를 보여주기 때문에 이를 다시 보기 편하게 수정해 줄 필요가 있다. 그 전에 문자열로 변환하여 사용하는 것이 좋은데 이 때 표시하는 날짜 형태에 따라 메서드가 다르다.
자바스크립트 날짜 문자열 변환하기
converting date to string
화면에 날짜를 표현하는 방법은 많이 있지만 자바스크립트는 문자열을 변환하는 몇가지 메서드가 존재한다.
당연하겠지만 이 문자열은 영어권 사람들이 즐겨 사용하는 방법이기도 하다.
우리가 보는 문자열과는 사뭇 다른데 이것은 다른 표준적인 문자열로 변경할 수 있다.
어쨌든 자바스크립트에서 날짜 객체 데이터를 문자열로 변환하는 방법은 4가지 종류가 있다.
날짜 문자열 변환 메서드
날짜 객체데이터를 문자열로 변환하는 방법에는 4가지 방법이 있다.
기본적으로 날짜 객체는 현재 날짜의 전체 정보를 출력한다. 이것을 어떻게 표현하느냐에 따라 조금씩 다르다.
사용법을 보자. 종류별로 존재하지만 문자열로 변환 후 출력되는 형식이 조금씩 다르다.
- toString() : 날짜를 문자열 그대로 변환한다.
- toUTCString() : UTC 기준으로 날짜를 문자열로 변환한다.
- toDateString() : 날짜를 영어권 기준의 형식의 문자열로 변환한다.
- toISOString() : 날짜를 표준 출력 형식의 문자열로 변환한다.
Date.toString();
Date.toUTCString();
Date.toDateString();
Date.toISOString();샘플 코드
이제 날짜객체를 문자열로 변경해 보도록 하자.
위의 기준으로 메서드를 그대로 사용하여 날짜 데이터를 문자열로 변환해 보도록 한다.
날짜 객체를 생성하여 날짜 데이터를 만든 후에 날짜 변환 메서드들을 이용하여 날짜를 변경해 보도록 한다.
<!DOCTYPE html>
<html>
<body>
<script>
console.log('----------');
let vDate;
let vText;
// 날짜객체 생성
vDate = new Date();
console.log(typeof(vDate), vDate);
console.log('----------');
vText = vDate.toString();
console.log(typeof(vText), vText);
vText = vDate.toUTCString();
console.log(typeof(vText), vText);
vText = vDate.toDateString();
console.log(typeof(vText), vText);
vText = vDate.toISOString();
console.log(typeof(vText), vText);
console.log('----------');
/* */
</script>
</body>
</html>결과화면을 보자.
메서드를 사용한 순서대로 그대로 출력하고 있다.
결과는 같지만 날짜를 표시하는 형태는 조금씩 다르다.
반응형
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 날짜 메서드 사용하여 데이터 가져오기 (0) | 2022.02.25 |
|---|---|
| 자바스크립트 날짜 객체 입력 출력 형태 타임존 설정 (0) | 2022.02.24 |
| 자바스크립트 날짜 표시하기 date 객체 사용 using javascript date object (0) | 2022.02.17 |
| 자바스크립트 배열 상수 접근 범위 블록스코프 block scope (0) | 2022.02.12 |
| 자바스크립트 상수 배열 수정하기 updating javascript const array values (0) | 2022.02.11 |
댓글