Benchmark: commaize (Intl.NumberFormat vs Regex)

commaize (Intl.NumberFormat vs Regex) (version: 1)

Comparing performance of: `Test Case 1: Intl (작은 숫자) vs Test Case 2: RegExp (작은 숫자) vs Test Case 3: Intl (큰 숫자) vs Test Case 4: RegExp (큰 숫자) vs Test Case 5: Intl (소수점 포함) vs Test Case 6: RegExp (소수점 포함) vs Test Case 7: Intl (혼합 데이터) vs Test Case 8: RegExp (혼합 데이터) vs Test Case 9: Intl (랜덤 대량 데이터) vs Test Case 10: RegExp (랜덤 대량 데이터) vs Test Case 11: Intl (문자열 입력) vs Test Case 12: RegExp (문자열 입력)`

Created: one year ago by: Guest

Go to the latest result

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"); }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
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 (문자열 입력)

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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/OS: Chrome 137 on Mac OS X 10.15.7

View result in a separate tab

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

228K/s

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

110K/s

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

39K/s

Test Case 2: RegExp (작은 숫자)

38K/s

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

29K/s

Test Case 1: Intl (작은 숫자)

26K/s

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

21K/s

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

20K/s

Test Case 3: Intl (큰 숫자)

16K/s

Test Case 4: RegExp (큰 숫자)

14K/s

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

3K/s

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