[js] toLocaleString

1️⃣ 기본 개념

toLocaleString()은 숫자(Number)나 날짜(Date)를 사용자 지역(locale)에 맞는 형식으로 문자열로 변환하는 자바스크립트 메서드입니다.

• 숫자 → 천 단위 구분, 소수점 자리수, 통화 기호 등
• 날짜 → 지역별 날짜/시간 형식

 

2️⃣ 숫자 예시

const num = 1234567.89;

console.log(num.toLocaleString()); 
// 출력: "1,234,567.89" (기본 브라우저 로케일 기준)

• ,로 천 단위 구분
• 소수점 유지

console.log(num.toLocaleString('de-DE')); 
// 독일식 출력: "1.234.567,89"

• 독일은 .로 천 단위, ,로 소수점 표시

console.log(num.toLocaleString('ko-KR')); 
// 한국식 출력: "1,234,567.89"

 

---

3️⃣ 옵션 지정 가능

 

const price = 1234567.89;

console.log(price.toLocaleString('ko-KR', { style: 'currency', currency: 'KRW' }));
// 출력: "₩1,234,568" (반올림됨, 통화 기호 포함)

옵션 예시:

• style: 'decimal' → 일반 숫자
• style: 'currency' → 통화
• currency: 'KRW' → 통화 단위
• minimumFractionDigits, maximumFractionDigits → 소수점 자리수 지정

---

4️⃣ 요약

• 숫자를 지역화된 문자열로 바꿀 때 사용
• 천 단위 구분 쉼표를 자동으로 넣어주어, UI에서 금액 표시할 때 자주 사용