JavaScript 숫자에 쉼표 추가

이 튜토리얼은 JavaScript에서 쉼표로 구분 된 숫자를 인쇄하는 방법을 설명합니다.

사용 사례와 주어진 수를 처리하는 데 필요한 속도/효율성에 따라 세 가지 방법을 사용할 수 있습니다.

JavaScript에서 정규식을 사용하여 쉼표로 숫자 서식 지정

정규식은 두 가지 미리보기 어설 션을 사용합니다.

1. 그 뒤에 3 자리 그룹이 포함 된 문자열에서 포인트를 검색하는 긍정적 인 미리보기 어설 션입니다.
2. 주어진 포인트가 정확히 3 자리의 그룹 크기를 갖도록하는 하나의 부정적인 예견 단언.

그런 다음 대체 표현식은 해당 위치에 쉼표를 삽입합니다.

또한 소수점 앞 부분에 정규식을 적용하기 전에 문자열을 분할하여 소수점 이하 자릿수를 처리합니다.

const numb = 213231221;

function separator(numb) {
  var str = numb.toString().split('.');
  str[0] = str[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
  return str.join('.');
}

console.log(separator(numb))

출력:

"213,231,221"

Intl.NumberFormat()을 사용하여 JavaScript에서 쉼표로 숫자 서식 지정

이 방법은 언어 구분 형식으로 숫자를 표시하고 제공된 매개 변수에 따라 통화를 표시하는 데 사용됩니다. 제공된 매개 변수는locale이며 숫자 형식을 지정합니다. 예를 들어en-IN로케일은 인도 및 영어 형식을 사용합니다. 오른쪽에서 첫 번째 쉼표는 수천을 구분하고 수백을 기준으로 그 이후에 놓입니다.

Intl.NumberFormat()에 의해 생성 된 객체에 첨부 된format()함수를 사용합니다. 이 함수는 숫자를 받아 쉼표로 구분 된 문자열을 반환합니다. 천으로 구분 된 문자열을 얻기 위해en-US로케일을 사용할 수 있습니다.

const givenNumber = 123423134231233423;

internationalNumberFormat = new Intl.NumberFormat('en-US')
console.log(internationalNumberFormat.format(givenNumber))

출력:

"123,423,134,231,233,420"

toLocaleString()을 사용하여 JavaScript에서 쉼표로 숫자 서식 지정

toLocaleString()메소드는 위의 메소드와 같이 숫자의 언어 구분 표현이있는 문자열을 리턴합니다. 또한 숫자 형식을 지정하는 로케일 매개 변수를 사용합니다.

const givenNumber = 123423134231233423;

console.log(givenNumber.toLocaleString('en-US'))

출력:

"123,423,134,231,233,420"

모든 주요 브라우저는 이러한 모든 방법을 지원합니다.