JavaScript는 숫자를 통화 문자열로 포맷

1. Intl.NumberFormat()메서드를 사용하여 JavaScript에서 숫자를 통화 문자열로 서식 지정
2. toLocaleString()메소드를 사용하여 JavaScript에서 숫자를 통화 문자열로 형식화
3. Numeral.js라이브러리를 사용하여 JavaScript에서 숫자를 통화 문자열로 형식화

숫자는 날짜 / 시간, 통화, 숫자 등 다양한 방식으로 표현됩니다. 금전적 가치로 표현 될 때 그 영향은 증가하고 훨씬 더 읽기 쉬워집니다. 예를 들어,10000으로 표시된 화폐 가치는$ 10,000.00으로 표시된 숫자보다 훨씬 덜 영향을 미칩니다. 숫자, 다른 통화 기호 및 다른 쉼표 구분에 대해 훨씬 더 많이 알려줍니다. 이 튜토리얼에서는 JavaScript에서 숫자를 통화 문자열로 포맷하는 방법을 설명합니다.

Intl.NumberFormat()메서드를 사용하여 JavaScript에서 숫자를 통화 문자열로 서식 지정

이 메서드는 언어 구분 형식으로 숫자를 나타내고 제공된 매개 변수에 따라 통화를 나타내는 데 사용됩니다. 입력으로locales및options의 두 매개 변수를 사용합니다.

1. locales: 언어 및 지역 설정을 지정합니다. 대시로 구분 된 언어 및 지역 조합으로 구성된 작은 문자열입니다. 예를 들어,en-IN로케일은 인도 및 영어 형식을 사용합니다. 오른쪽에서 첫 번째 쉼표는 수천을 구분하고 수백을 기준으로 그 이후에 놓입니다.
2. options: 수많은 속성으로 구성된 객체이거나 옵션이라고 말할 수 있습니다. 숫자를 통화 문자열로 형식화 할 때 필요한 세 가지 주요 옵션이 있습니다.
3. style: 단순히 숫자 서식을위한 스타일입니다. 사용 사례에 따라3다른 값decimal,currency,percent를 가질 수 있습니다. 우리의 경우 스타일을currency로 설정합니다.
4. currency: 형식화 숫자 문자열 앞에 포함될 기호의 통화 유형을 지정합니다 (예 : US Dollar 및 Euro).
5. minimumFractionDigits: 형식화 된 문자열에서 소수점 뒤에 표시되는 최소 자릿수를 지정합니다.

const money = 10000;
const currency = function(number) {
  return new Intl
      .NumberFormat(
          'en-IN',
          {style: 'currency', currency: 'INR', minimumFractionDigits: 2})
      .format(number);
};
console.log(currency(money));

위의 코드는 주어진 숫자를 인도 통화 문자열로 변환하는 데 도움이됩니다.

toLocaleString()메소드를 사용하여 JavaScript에서 숫자를 통화 문자열로 형식화

이 메소드는 본질적으로Intl.NumberFormat()과 동일하지만 여러 항목에 대한 느린 속도 때문에 일반적으로 사용되지 않습니다. 단일 항목의 경우 두 방법의 속도는 비슷합니다. Intl.NumberFormat()과 동일한 매개 변수가 있습니다. 두 방법의 내부 구현이 다르기 때문에 속도가 다릅니다.

const number = 2000;
number.toLocaleString(
    'en-IN', {style: 'currency', currency: 'INR', minimumFractionDigits: 2})
console.log(number);

위의 코드는 주어진 숫자를 인도 통화 문자열로 변환하는 데 도움이됩니다.

Numeral.js라이브러리를 사용하여 JavaScript에서 숫자를 통화 문자열로 형식화

Numeral.js는 숫자 형식화에 가장 널리 사용되는 라이브러리 중 하나입니다. 이 라이브러리를 사용하여 숫자를 통화 문자열로 포맷하려면 먼저 숫자 인스턴스를 만듭니다. 형식화를 수행하기 전에 숫자 또는 문자열을 숫자로 변환하는 것은이 라이브러리에서 사용하는 표준 데이터 유형입니다. 그런 다음format()함수를 사용하여 통화 형식을 지정할 수 있습니다.

<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>

위 코드는 브라우저에Numeral.js라이브러리를 포함하는 데 사용됩니다.

var number = 1000;
var myNumeral = numeral(number);
var currencyString = myNumeral.format('$0,0.00');

숫자를 만든 다음 format 함수를 호출하여 소수점 2 자리를 사용하여 숫자를 USD 형식으로 지정했습니다. 위의 코드는 통화 형식을 지정하는 훨씬 더 깔끔한 방법을 제공합니다.