Run results for: commaize (Intl.NumberFormat vs Regex)

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Browser: Chrome 137

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 10 months ago

Test name	Executions per second
Test Case 1: Intl (작은 숫자)	26209.9 Ops/sec
Test Case 2: RegExp (작은 숫자)	38018.2 Ops/sec
Test Case 3: Intl (큰 숫자)	16163.5 Ops/sec
Test Case 4: RegExp (큰 숫자)	14260.9 Ops/sec
Test Case 5: Intl (소수점 포함)	19959.5 Ops/sec
Test Case 6: RegExp (소수점 포함)	29211.3 Ops/sec
Test Case 7: Intl (혼합 데이터)	109947.2 Ops/sec
Test Case 8: RegExp (혼합 데이터)	227904.1 Ops/sec
Test Case 9: Intl (랜덤 대량 데이터)	2692.0 Ops/sec
Test Case 10: RegExp (랜덤 대량 데이터)	3073.3 Ops/sec
Test Case 11: Intl (문자열 입력)	20946.7 Ops/sec
Test Case 12: RegExp (문자열 입력)	39222.9 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

// Intl.NumberFormat 기반 구현 
function commaizeNumberIntl(value) {
    const num = typeof value === 'string' ? parseFloat(value.replace(/,/g, '')) : value;

    if (isNaN(num)) {
        return String(value);
    }

    return getNumberFormatter('ko-KR').format(num);
}

/**
 * locale 문자열을 key 로 쓰는 캐시.
 */
const numberFormatterCache = new Map();

function getNumberFormatter(locale) {
    const key = locale;

    let formatter = numberFormatterCache.get(key);
    if (!formatter) {
        formatter = new Intl.NumberFormat(locale);
        numberFormatterCache.set(key, formatter);
    }
    return formatter;
}


// 정규식 기반 구현 
function commaizeNumberRegex(value) {
    const numStr = String(value);
    const decimalPointIndex = numStr.indexOf('.');
    const commaizeRegExp = /(\d)(?=(\d\d\d)+(?!\d))/g;

    return decimalPointIndex > -1 ?
        numStr.slice(0, decimalPointIndex).replace(commaizeRegExp, '$1,') + numStr.slice(decimalPointIndex) :
        numStr.replace(commaizeRegExp, '$1,');
}

// 테스트 데이터 준비
const testNumbers = [
    1234,
    123456,
    123456789,
    1234567890123,
    1234.56,
    123456.789,
    0,
    -123456,
    999999999999999,
    // 극한 케이스
    Number.MAX_SAFE_INTEGER,
    Math.PI * 1000000,
    // 문자열 입력
    "123456",
    "999999.99"
];

const randomNumbers = [];
for (let i = 0; i < 1000; i++) {
    randomNumbers.push(Math.floor(Math.random() * 1000000000));
}

Tests:

Test Case 1: Intl (작은 숫자)
for (let i = 0; i < 100; i++) { commaizeNumberIntl(1234); }
Test Case 2: RegExp (작은 숫자)
for (let i = 0; i < 100; i++) { commaizeNumberRegex(1234); }
Test Case 3: Intl (큰 숫자)
for (let i = 0; i < 100; i++) { commaizeNumberIntl(123456789012345); }
Test Case 4: RegExp (큰 숫자)
for (let i = 0; i < 100; i++) { commaizeNumberRegex(123456789012345); }
Test Case 5: Intl (소수점 포함)
for (let i = 0; i < 100; i++) { commaizeNumberIntl(123456.789); }
Test Case 6: RegExp (소수점 포함)
for (let i = 0; i < 100; i++) { commaizeNumberRegex(123456.789); }
Test Case 7: Intl (혼합 데이터)
for (let i = 0; i < testNumbers.length; i++) { commaizeNumberIntl(testNumbers[i]); }
Test Case 8: RegExp (혼합 데이터)
for (let i = 0; i < testNumbers.length; i++) { commaizeNumberRegex(testNumbers[i]); }
Test Case 9: Intl (랜덤 대량 데이터)
for (let i = 0; i < randomNumbers.length; i++) { commaizeNumberIntl(randomNumbers[i]); }
Test Case 10: RegExp (랜덤 대량 데이터)
for (let i = 0; i < randomNumbers.length; i++) { commaizeNumberRegex(randomNumbers[i]); }
Test Case 11: Intl (문자열 입력)
for (let i = 0; i < 100; i++) { commaizeNumberIntl("123456.789"); }
Test Case 12: RegExp (문자열 입력)
for (let i = 0; i < 100; i++) { commaizeNumberRegex("123456.789"); }

Run results for: commaize (Intl.NumberFormat vs Regex)

Test Case 1: Intl (작은 숫자)

Test Case 2: RegExp (작은 숫자)

Test Case 3: Intl (큰 숫자)

Test Case 4: RegExp (큰 숫자)

Test Case 5: Intl (소수점 포함)

Test Case 6: RegExp (소수점 포함)

Test Case 7: Intl (혼합 데이터)

Test Case 8: RegExp (혼합 데이터)

Test Case 9: Intl (랜덤 대량 데이터)

Test Case 10: RegExp (랜덤 대량 데이터)

Test Case 11: Intl (문자열 입력)

Test Case 12: RegExp (문자열 입력)