자바스크립트에서 Intl.NumberFormat() 메소드는 숫자로 나타내려는 통화를 지정하는 데 사용됩니다. 이 메서드는 스타일 속성에서 통화 형식을 지정하는 데 사용할 수 있는 생성자입니다.
이 문서에서는 Intl.NumberFormat()을 사용하는 방법을 설명합니다. 이를 달성하고 몇 가지 예제 코드를 보여줍니다.
생성자와 매개변수 분석
새로운 Intl.NumberFormat([locales[, options]])
Intl.NumberFormat() 는 생성자이므로 특수 숫자 형식을 달성할 수 있는 객체를 생성하기 위해 JavaScript의 "new" 키워드가 앞에 옵니다.
생성자는 "locales"와 "options"라는 두 개의 선택적 매개변수를 사용합니다. 로케일은 언어 태그에 대한 인터넷의 BCP(Best Current Practices) 또는 현재 BCP 47이 포함된 문자열을 보유합니다. 예를 들어 미국식 영어를 원하면 "en-US"라는 BCP 47 언어 태그를 사용합니다. 브라질 포르투갈어를 원하면 "pt-BR"을 사용합니다.
옵션에는 보유할 수 있는 17가지 속성이 있지만 이 기사에서는 3가지 속성에 중점을 둘 것입니다. 또한 CurrencyDisplay 및 CurrencySign과 함께 통화를 활용할 수 있는 스타일에도 중점을 둡니다.
예시 코드
const money =85000.50 // 브라질 Realsconsole.log(new Intl.NumberFormat('pr-BR', {style:'currency', currency:'BRL'}).format(money))// 출력 R $85,000.50 // For USDconsole.log(new Intl.NumberFormat('en-US', {style:'currency', currency:'USD'}).format(money))// 출력 $85,000.50 // 일본 Yenconsole.log의 경우 (new Intl.NumberFormat('ja-JP', { style:'currency', currency:'JPY' }).format(money));// ¥85,001 출력
위의 예제 코드에서 주의해야 할 사항은 format()을 사용했다는 것입니다. money 변수를 전달하는 메서드입니다. 우리는 매개변수로 전달되는 기본 설정에 따라 통화 형식을 지정하는 데 사용되는 새 개체를 만든 후에 그렇게 했습니다.
출력에서 실제 기호를 얻을 뿐만 아니라 통화에 대한 올바른 형식을 얻는 방법에 주목하십시오. 일본 엔의 경우 이 예의 변경은 소단위를 관찰하지 않기 때문에 의도적으로 반올림되었습니다.
CurrencyDisplay 및 CurrencySign
통화에 대한 옵션 매개변수에서 보유할 수 있는 다른 두 가지 공통 속성은 CurrencyDisplay 및 CurrencySign입니다.
참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.
CurrencyDisplay는 기호, 좁은 기호, 코드 및 이름과 같은 값을 사용하여 다른 형식으로 통화를 표시합니다.
돈 =85000.50; const 기호 =new Intl.NumberFormat('en-USD', { 스타일:'통화', 통화:'USD', currencyDisplay:'symbol'}).format(money); const narrowSymbol =new Intl.NumberFormat('en-USD', { 스타일:'통화', 통화:'USD', currencyDisplay:'narrowSymbol'}).format(money); const 코드 =new Intl.NumberFormat('en-USD', { 스타일:'통화', 통화:'USD', currencyDisplay:'코드'}).format(money); const 이름 =new Intl.NumberFormat('en-USD', { 스타일:'통화', 통화:'USD', currencyDisplay:'이름'}).format(money); console.log(symbol) // $85,000.50console.log(narrowSymbol)// $85,000.50 US$85,000.50console.log(code)// USD 85,000.50console.log(name)// 85,000.50 US $
CurrencySign은 빼기 기호를 추가하는 대신 괄호로 숫자를 래핑합니다. 이것은 "회계"와 함께 사용되므로 자동으로 "표준"으로 기본값이 설정되므로 이 옵션을 변경해야 합니다.
돈 =-8500.50; const 회계 =new Intl.NumberFormat('en-USD', { 스타일:'통화', 통화:'USD', currencySign:'회계' }).format(money); console.log(회계)// ($8,500.50) 결론
Intl.NumberFormat() 메서드는 무엇보다도 스타일 속성에서 통화 형식을 지정하는 데 사용되는 생성자입니다. format()과 함께 사용할 수 있습니다. 원하는 대로 통화를 표시합니다.