JavaScript에서 쉼표를 사용하여 숫자 형식을 지정하는 방법은 무엇입니까?

JavaScript에서 쉼표를 사용하여 천 단위 구분 기호 형식 지정

JavaScript에서 큰 숫자를 표시할 때 천 단위로 쉼표를 사용하여 형식을 지정하는 것이 바람직한 경우가 많습니다. 가독성을 위한 구분 기호. 여러 가지 방법이 있지만 다음은 몇 가지 권장 사항과 단순화된 접근 방식입니다.

한 가지 일반적인 접근 방식은 정규식을 사용하여 앞에 마침표가 없는 모든 세 자리 숫자를 쉼표로 바꾸는 것입니다. 이는 다음과 같이 구현할 수 있습니다.

function numberWithCommas(x) {
    x = x.toString();
    var pattern = /(-?\d+)(\d{3})/;
    while (pattern.test(x))
        x = x.replace(pattern, ",");
    return x;
}

그러나 더 간단한 솔루션을 위해 다음을 고려하십시오.

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

이 함수는 바로 뒤에 소수점이 따르지 않는 모든 세 자리를 다음으로 바꿉니다. 쉼표.

기능을 테스트하기 위해 다음은 일련의 테스트입니다. 사례:

function test(x, expect) {
    const result = numberWithCommas(x);
    const pass = result === expect;
    console.log(`${pass ? "✓" : "ERROR ====>"} ${x} => ${result}`);
    return pass;
}

let failures = 0;
failures += !test(0,        "0");
failures += !test(100,      "100");
failures += !test(1000,     "1,000");
failures += !test(10000,    "10,000");
failures += !test(100000,   "100,000");
failures += !test(1000000,  "1,000,000");
failures += !test(10000000, "10,000,000");
if (failures) {
    console.log(`${failures} test(s) failed`);
} else {
    console.log("All tests passed");
}

이러한 테스트를 실행하면 다양한 숫자 값에 대한 두 접근 방식의 정확성을 확인할 수 있습니다.

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