[JS] Local에 맞는 숫자 변환 및 날짜 변환-toLocaleString()

·2024년 10월 14일

Local에 맞는 숫자 변환 및 날짜 변환

숫자 변환

Number로 들어온 수에 세자리마다 콤마(,) 찍기

Number.toLocaleString()

toLocaleString() 숫자에 사용하면 세자리마다 ,(콤마)가 찍힌 문자로 반환 (한국식)


예제

const number = 2500 (type of number)

console.log(number.toLocaleString() // "2,500" (type of String)

Locale 사용

toLocaleString() 괄호 안에 지역을 특정할 수 있음

ex. India

console.log(number.toLocaleString("en-IN")); 
결과값 : 1,23,456.789

옵션 사용

toLocaleString() 괄호 안에 지역및 옵션 추가 가능

ex. 일본식 style및 currency 추가

console.log(
  number.toLocaleString("ja-JP", { style: "currency", currency: "JPY" }),
); 

결과값 : ¥123,457

날짜 변환

Number로 들어온 날짜에 현지 규칙에 따른 형식으로 변환

new Date().toLocaleString() // 0000.0.0. 오후 0:0:0

해당 로컬(한국)의 형식인 0000.0.0. 오전(후) 0:0:0 으로 반환


toLocaleDateString()

new Date().toLocaleDateString() // 0000.0.0.

toLocaleString() 사용 시 시간을 제외한 Date만 반환


toLocaleTimeString()

new Date().toLocaleTimeString() // 00:00:00

toLocaleString() 사용 시 날짜를 제외한 시간만 반환


활용방안

new Date() 괄호안에 특정 밀리초 기입시 해당 날의 Date 반환

new Date(1728908372651).toLocaleString()

Locale 사용

Number와 마찬가지로 toLocaleString() 괄호 안에 지역을 특정할 수 있음

console.log(date.toLocaleString("en-US"));
결과값 : "12/19/2012, 7:00:00 PM"

옵션 사용

console.log(date.toLocaleString("en-US", { hour12: false }));

결과값 : "12/19/2012, 19:00:00"

hours : false 옵션 넣을 시 12시간이 아닌 전체 24시간으로 반환 (기본값 : true)



참고자료
참고자료

profile
하고싶은거 짱많은 주니어 프론트엔드 개발자

0개의 댓글