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

3.9M/s

array.join + string concat small

1.3M/s

array.join + string template small

1.3M/s

JSON.stringify big

5K/s

array.join + string concat big

1K/s

array.join + string template big

1K/s

View exact numbers

Test name	Executions per second
✓ JSON.stringify small	3,874,751 Ops/sec
array.join + string concat small	1,326,404 Ops/sec
array.join + string template small	1,283,426 Ops/sec
JSON.stringify big	5,268 Ops/sec
array.join + string concat big	1,327 Ops/sec
array.join + string template big	1,200 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(",") + "]";