Benchmark: String accumulation with forEach vs. map+join vs. reduce

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);
reduce
var result = value .reduce((accumulator, fallbackValue) => accumulator + ";" + fallbackValue);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
map+join
forEach
reduce

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36

Browser/OS: Chrome 84 on Mac OS X 10.15.6

View result in a separate tab

Test name	Executions per second
map+join	1711793.0 Ops/sec
forEach	1906278.0 Ops/sec
reduce	9827996.0 Ops/sec

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

Comparing performance of: map+join vs forEach vs reduce

Created: 3 years ago by: Guest

Jump to the latest result

map+join

forEach

reduce

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A