📚 Reference

• 공식 문서 1

📜 Chapter

toLocaleString()

• toLocaleString
• toLocaleString()
• 숫자를 사람이 읽기 편한 형식의 문자열로 바꿔주는 메서드이다. 주로 천 단위 콤마를 넣을 때 쓴다.

const price = 150000;
console.log(price);                  // 150000
console.log(price.toLocaleString()); // "150,000"

• 숫자 그대로면 150000이라 자릿수를 한눈에 세기 어려운데, toLocaleString()을 쓰면 3자리마다 콤마가 들어가서 훨씬 읽기 쉬워진다.

"Locale"(지역)이라는 이름인 이유

• 이 메서드는 지역(국가/언어)에 따라 표기 방식이 다르다는 걸 자동으로 처리해준다.

const num = 1234567.89;

num.toLocaleString('en-US'); // "1,234,567.89"  (콤마=천단위, 점=소수점)
num.toLocaleString('de-DE'); // "1.234.567,89"  (독일은 반대! 점=천단위, 콤마=소수점)
num.toLocaleString('ko-KR'); // "1,234,567.89"  (한국은 미국과 동일)

• 인자를 안 주면 브라우저의 기본 로케일(사용자 시스템 설정)을 따른다.
• 그냥 seat.price.toLocaleString()이라고만 써도, 한국어 환경 브라우저에서는 자동으로 150,000처럼 나온다.

원화(₩) 표시