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/133.0.0.0 Safari/537.36

Browser: Chrome 133

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

JSON.stringify small

3.7M/s

array.join + string concat small

2.9M/s

array.join + string template small

2.7M/s

JSON.stringify big

3K/s

array.join + string concat big

3K/s

array.join + string template big

2K/s

View exact numbers

Test name	Executions per second
✓ JSON.stringify small	3,708,231 Ops/sec
array.join + string concat small	2,912,410 Ops/sec
array.join + string template small	2,672,629 Ops/sec
JSON.stringify big	3,308 Ops/sec
array.join + string concat big	3,114 Ops/sec
array.join + string template big	2,298 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(",") + "]";