Benchmark: filter vs es6 vs for loop vs forEach

Tests:

filter
const words = ["spray", "limit", "elite", "exuberant", "destruction", "present"]; const result = words.filter(function(word) { return word.length > 6 });
for loop
const words = ["spray", "limit", "elite", "exuberant", "destruction", "present"]; const result = [] for (let i = 0; i < words.length; i += 1) { const word = words[i]; if (word.length > 6) { result.push(word); } }
forEach
const words = ["spray", "limit", "elite", "exuberant", "destruction", "present"]; const result = [] words.forEach(function(word) { if (word.length > 6) { result.push(word); } });
es6
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words.filter((word) => word.length > 6);

Rendered benchmark preparation results:

Previous results

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

Latest run results:

Run details: (Test run date: 8 months ago)

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

Browser/OS: Chrome 116 on Windows

filter vs es6 vs for loop vs forEach (version: 0)