Benchmark: String accumulation with forEach vs. map+join

Script Preparation code:

var property = "justify-content";
var value = ["space-around", "space-evenly"];

function normalizeDeclaration(property, value) {
	return property + ":" + value;
}

Tests:

map+join
var result = value .map((fallbackValue) => normalizeDeclaration(property, fallbackValue)) .join(";");
forEach
var cssText = ""; value.forEach((fallbackValue) => { cssText += "" + normalizeDeclaration(property, fallbackValue); }); var result = cssText.slice(1);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
map+join
forEach

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:109.0) Gecko/20100101 Firefox/115.0

Browser/OS: Firefox 115 on Mac OS X 10.13

View result in a separate tab

forEach

6.2M/s

map+join

620K/s

View exact numbers

Test name	Executions per second
✓ forEach	6,243,676 Ops/sec
map+join	620,464 Ops/sec

String accumulation with forEach vs. map+join (version: 0) Benchmark.js

Comparing performance of: `map+join vs forEach`

Created: 6 years ago by: Guest

Go to the latest result

map+join

forEach

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

String accumulation with forEach vs. map+join (version: 0) Benchmark.js

Comparing performance of: map+join vs forEach

Created: 6 years ago by: Guest

Go to the latest result

map+join

forEach

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Comparing performance of: `map+join vs forEach`