JavaScript에서 월은 (0-11)로 표시되며 특히 코드에 여러 날짜가 있는 경우 추측하기가 매우 어렵습니다. 다른 시나리오에서는 특정 시간대와 관련하여 월을 가져와야 하는 요구 사항이 있을 수 있습니다. 이러한 경우 JavaScript의 날짜에서 월 이름을 가져오는 것은 최종 개발자에게 용이성을 제공하는 데 큰 도움이 됩니다.
이 자습서에서는 JavaScript를 사용하여 날짜에서 월 이름을 가져오는 방법에 대해 설명합니다.
JavaScript를 사용하여 날짜에서 월 이름을 얻는 방법은 무엇입니까?
다음 접근 방식을 사용하여 JavaScript에서 날짜의 월 이름을 가져올 수 있습니다.
- “ toLocaleString() ' 방법.
- “ getMonth() ' 방법.
- “ 날짜시간포맷() ” 생성자.
명시된 접근 방식을 하나씩 논의해 봅시다!
접근법 1: toLocaleString() 메서드를 사용하여 JavaScript의 날짜에서 월 이름 가져오기
“ toLocaleString() ” 메서드는 현지 언어 형식을 통해 문자열 형태로 숫자를 제공합니다. 이 메서드는 현재 또는 지정된 날짜를 포함하는 날짜 개체에서 월 이름을 가져오는 데 적용할 수 있습니다.
통사론
데이트. toLocaleString ( 현지의 , 옵션 )위 구문에서:
- “ 데이트 ”는 날짜 개체를 포함하는 변수를 가리킵니다.
- “ 현지의 ”는 시간대에 해당합니다.
- “ 옵션 ”는 서식 지정 옵션이 있는 개체를 나타냅니다.
예제 1: 현재 날짜에서 월 이름 가져오기
이 예에서 월 이름은 ' 현재의 ' 데이트:
< 스크립트 유형 = '텍스트/자바스크립트' >데이트하자 = 새로운 날짜 ( ) ;
콘솔. 통나무 ( '현재 날짜:' , 데이트 )
let getMonth = 데이트. toLocaleString ( '기본' , {
월 : '긴' ,
} ) ;
콘솔. 통나무 ( '월은:' , getMonth ) ;
스크립트 >
위의 코드에 제공된 대로 다음 단계를 적용합니다.
- '의 도움으로 새 날짜 개체를 만듭니다. 새로운 ' 키워드와 ' 날짜() ” 생성자를 각각 호출하고 표시합니다.
- 다음 단계에서 ' toLocaleString() ” 메서드를 호출하고 날짜 개체를 포함하는 변수와 연결합니다.
- 메서드 매개변수의 옵션 매개변수는 ' 월 '. 이렇게 하면 현재 날짜를 기준으로 월을 가져옵니다.
- 마지막으로 해당 월을 콘솔에 표시합니다.
산출
위 출력에서 월 ' 십일월 ”는 현재 날짜와 날짜에서 가져온 월을 모두 일치시킵니다.
예제 2: 지정된 날짜에서 월 이름 가져오기
이 특정 예에서 월 이름은 ' 지정된 ' 데이트:
< 스크립트 유형 = '텍스트/자바스크립트' >데이트하자 = 새로운 날짜 ( 2021년 , 둘 , 25 ) ;
let getMonth = 데이트. toLocaleString ( '기본' , {
월 : '긴' ,
} ) ;
콘솔. 통나무 ( '월은:' , getMonth ) ;
스크립트 >
위의 코드 행에 제공된 대로 아래 단계를 적용합니다.
- '의 도움으로 명시된 날짜를 지정하십시오. 날짜() ” 생성자, 논의한 바와 같이.
- 날짜 개체를 보유하는 관련 변수에서 월을 추출하기 위해 이전 예제에서 논의된 접근 방식을 기억하십시오.
- 마지막으로 지정한 날짜를 기준으로 해당 월을 표시합니다.
산출
월은 (0-11)로 표시되므로 “ 둘 ” 여기에서 월을 나타냅니다 “ 3월 '.
접근법 2: getMonth() 메서드를 사용하여 JavaScript의 날짜에서 월 이름 가져오기
“ getMonth() ” 메서드는 날짜의 월(0~11)을 반환합니다. 이 방법은 사용자 정의 함수의 도움으로 전달된 날짜에 대해 배열에서 해당 월을 표시하도록 구현될 수 있습니다.
예시
아래에 언급된 예를 살펴보겠습니다.
< 스크립트 유형 = '텍스트/자바스크립트' >let fetchMonth = 기능 ( 데이트 ) {
월목록 = [ '1월' , '2월' , '3월' , '4월' , '5월' , '6월' , '칠월' , '팔월' , '구월' , '십월' , '십일월' , '12월' ] ;
반품 월목록 [ 데이트. getMonth ( ) ] ;
} ;
콘솔. 통나무 ( '월은:' , 페치월 ( 새로운 날짜 ( '2012년 8월 5일' ) ) ) ;
콘솔. 통나무 ( '월은:' , 페치월 ( 새로운 날짜 ( '2022년 7월 13일' ) ) ) ;
스크립트 >
위의 코드 스니펫에 명시된 대로 다음 단계를 구현합니다.
- '라는 인라인 함수를 정의합니다. 페치월() ' 데 ' 데이트 ”를 매개변수로 사용하여 전달된 날짜를 포함하고 해당 월을 가져옵니다.
- 함수 정의에서 '라는 배열을 만듭니다. 월목록 ”모든 달을 가지고 있습니다.
- 그 후 ' getMonth() ” 메서드를 사용하여 경과 날짜와 연결하여 해당 월(날짜)을 추출합니다.
- 마지막으로 '의 도움으로 지정된 날짜를 전달하여 정의된 함수에 액세스합니다. 날짜() ” 생성자.
산출
위의 출력은 원하는 요구 사항이 충족되었음을 나타냅니다.
접근법 3: Intl.DateTimeFormat 생성자를 사용하여 JavaScript의 날짜에서 월 이름 가져오기
“ Intl.NumberFormat() ” 생성자는 새 객체를 생성하여 언어에 민감한 숫자 형식을 활성화합니다. 이 접근 방식은 목표 날짜를 ' 체재() ” 메서드를 사용하고 전달된 옵션을 기반으로 형식을 지정합니다.
통사론
국제 번호 형식 ( 현지의 , 옵션 )위 구문에서:
- “ 현지의 ” 시간대를 참조하십시오.
- “ 옵션 ”는 서식 옵션에 해당합니다.
예시
다음 코드를 살펴보십시오.
< 스크립트 유형 = '텍스트/자바스크립트' >콘솔. 통나무 ( '월은:' , 새로운 국제 DateTimeFormat ( '우리 안에' , { 월 : '긴' } ) . 체재 ( 새로운 날짜 ( 2022년 , 삼 , 열 다섯 ) ) )
스크립트 >
위의 코드 설명에 제공된 대로 아래 설명된 단계를 적용합니다.
- '를 적용 날짜시간포맷() ” 명시된 시간대와 옵션이 있는 생성자 월 ”를 매개변수로 사용합니다.
- “ 체재() ' 메소드는 '에 지정된 날짜를 형식화합니다. 날짜() ” 명시된 시간대에 따른 생성자.
- 따라서 해당 ' 월 ”라는 날짜가 콘솔에 표시됩니다.
산출
위 출력에서 월 ' 4월 '는 지정된 숫자로 된 월 '을 나타냅니다. 삼 ” 날짜에.
결론
“ toLocaleString() ” 방법, “ getMonth() ” 방법 또는 “ Intl.DateTimeFormat() ” 생성자는 JavaScript의 날짜에서 월 이름을 가져오는 데 사용할 수 있습니다. toLocaleString() 메서드를 사용하여 현재 또는 지정된 날짜에서 월 이름을 가져올 수 있습니다. getMonth() 메서드는 전달된 날짜에서 직접 월을 가져옵니다. 반면 Intl.DateTimeFormat() 생성자는 추가된 옵션을 기반으로 날짜 형식을 지정하도록 구현될 수 있습니다. 이 블로그에서는 JavaScript에서 날짜에서 월 이름을 가져오는 방법을 설명했습니다.