[Crocs Clone] 천단위 구분 - toLocaleString()

🔶 toLocaleString()

toLocaleString 메서드를 이용하여 상품 가격에 천단위 콤마를 나타내기

🔆 Number.prototype.toLocaleString()

: 인수로 전달한 로걸을 기준으로 Date 객체의 날짜와 시간을 표현한 문자열을 반환함.

toLocaleString(locales, options)
locales : 옵션임. 생략한 경우, 브라우저가 동작 중인 시스템의 로컬을 적용함.
options : 옵션임.

• 통화

 var num = 1234.56789;

 console.log(num.toLocaleString("ar-EG")); // ١٬٢٣٤٫٥٦٨

console.log(num.toLocaleString("zh-Hans-CN-u-nu-hanidec")); // 一,二三四.五六八

console.log(
   num.toLocaleString("ko-KR", { style: "currency", currency: "KRW" })
 ); // ₩1,235

• 날짜

const event = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));

console.log(event.toLocaleString("en-GB", { timeZone: "UTC" }));
//  20/12/2012, 03:00:00

console.log(event.toLocaleString("ko-KR", { timeZone: "UTC" }));
//  2012. 12. 20. 오전 3:00:00