Run results for: JSON.stringify array vs map + join (template and concat)

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36

Browser: Chrome 128

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

JSON.stringify small

1.4M/s

array.join + string template small

718K/s

JSON.stringify big

3K/s

array.join + string template big

765/s

View exact numbers

Test name	Executions per second
✓ JSON.stringify small	1,389,835 Ops/sec
array.join + string template small	717,657 Ops/sec
JSON.stringify big	2,830 Ops/sec
array.join + string template big	765 Ops/sec

Script Preparation code:

var arr_small = Array.from({ length: 10 }).map((_, i) => `test_val${i}`);
var arr_big = Array.from({ length: 10000 }).map((_, i) => `test_val${i}`);

Tests:

JSON.stringify small
JSON.stringify(arr_small);
JSON.stringify big
JSON.stringify(arr_big);
array.join + string template small
`["${arr_small.map(x => String(x)).join('","')}"]`;
array.join + string template big
`["${arr_big.map(x => String(x)).join('","')}"]`;
array.join + string concat small
"[" + arr_small.map(x => String(x)).join(",") + "]";
array.join + string concat big
"[" + arr_big.map(x => String(x)).join(",") + "]";