본문 바로가기
JS

JS, 내장함수를 이용한 숫자/날짜의 현지화

by Hyeon_E 2023. 7. 8.

[ toLocaleString ]

사용하는 타입에 따라 지정된 지역에 표현방식으로 값을 변환하여 리턴함

 

▶ 사용할 수 있는 객체

  • Number
  • Date
  • Array
  • Object

 

▶ Number.toLocaleString()

지정된 지역에서 사용하는 숫자의 표현 방식으로 문자열로 리턴함

여기서 확인할점은 3자리수마다 ','를 넣어준다는 점 이 내장함수를 사용하면 숫자 ,를 넣기가 편해짐

NumberObject.toLocaleString([locales [, options]])

 

const num = 123456.789
num.toLocaleString();	// 123,456.789
num.toLocaleString('ko-kR');	// 123,456.789
num.toLocaleString('ar-EG');	//١٢٣٬٤٥٦٫٧٨٩

 

▶ Date.toLocaleString()

지정된 지역에서 표현하는 방식의 날짜를 문자열로 리턴함

 

 DateObject.toLocaleString([locales [, options]])

 

date = new Date('2021-04-23T09:30:00+09:00')	//Fri Apr 23 2021 09:30:00 GMT+0900 (한국 표준시)

date.toLocaleString('ar-EG', { timeZone: 'Africa/Cairo' })	// ٣‏/٤‏/٢٠٢١ ٢:٣٠:٠٠ ص 
date.toLocaleString('en-US', { timeZone: 'America/New_York' })	// '4/22/2021, 8:30:00 PM'

 

▶ Array.toLocaleString()

배열에 들어있는 값의 타입에 해당하는 toLocalString() 메소드를 리턴함

각 요소들은 쉼표(,)에 의해 구분됨

 

const arr = [10000, '문자', 2021042.10330, new Date('2021-04-23T09:30:00+09:00')];

arr.toLocaleString('ko-KR', { timeZone: 'UTC' })
// '10,000,문자,2,021,042.103,2021. 4. 23. 오전 12:30:00'

'JS' 카테고리의 다른 글

JS, 모든 문자열 치환(replace, replaceAll)  (1) 2023.10.17
JS, 배열 비교  (0) 2023.10.12
JS, 배열의 조건 만족  (0) 2023.07.04
JS, 정규표현식(RegExp)  (0) 2023.06.21
JS, padEnd()와 padStart()  (0) 2023.06.21

댓글