JavaScript에서 숫자를 통화 문자열 형식으로 지정하는 방법은 무엇입니까?

숫자를 통화 문자열로 형식화

문제 설명:

JavaScript에서 작업은 가격을 통화 문자열로 형식화하는 것입니다. 통화 문자열. 특히 목표는 부동 소수점을 인수로 사용하고 "$ 2,500.00" 형식의 문자열을 반환하는 함수를 만드는 것입니다.

해결책:

JavaScript는 Intl.NumberFormat을 통해 이 문제를 편리하게 해결할 수 있습니다. API.

Intl.NumberFormat

Intl.NumberFormat API는 로캘별 규칙에 따라 숫자 형식을 지정하는 유연한 방법을 제공합니다. 통화 포맷터를 생성하려면 로케일과 스타일을 지정합니다.

const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
});

숫자 포맷

포매터가 생성되면 이를 사용하여 포맷을 지정할 수 있습니다. 숫자:

let inputValue = 2500;
const formattedValue = formatter.format(inputValue); // Returns "$ 2,500.00"

맞춤 설정 옵션

Intl.NumberFormat API는 서식을 조정하기 위한 다양한 사용자 정의 옵션을 제공합니다.

• trailingZeroDisplay: 후행 0의 표시를 제어합니다. 'stripIfInteger'는 정수의 뒤에 오는 0을 제거합니다.
• minimumFractionDigits: 표시할 소수 자릿수의 최소 수를 지정합니다.
• maximumFractionDigits: 최대 소수 자릿수 display.

예

다음 코드 조각은 일부 사용자 정의 옵션과 함께 Intl.NumberFormat을 사용하는 방법을 보여줍니다.

// Create number formatter.
const formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
  trailingZeroDisplay: 'stripIfInteger',
});

// Get user input.
let input = document.getElementById('amount');

// Apply formatting and display the result.
input.addEventListener('keyup', e => {
  const formattedValue = formatter.format(e.target.value);
  document.getElementById('result').innerText = formattedValue;
});

위 내용은 JavaScript에서 숫자를 통화 문자열 형식으로 지정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!