Run results for: forEach vs filter nvmnghia 1812

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Browser: Chrome 131

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

forEach

81K/s

filter

37K/s

View exact numbers

Test name	Executions per second
✓ forEach	80,807 Ops/sec
filter	37,317 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

var statuses = ["active", "inactive", "nvmnghia", "bienpm"];
var data = Array.from({ length: 1_000 }, () => ({
  status: statuses[Math.floor(Math.random() * statuses.length)],
}));

Tests:

filter
const active = data.filter((item) => item.status === "active"); const inactive = data.filter((item) => item.status === "inactive"); const nvmnghia = data.filter((item) => item.status === "nvmnghia"); const bienpm = data.filter((item) => item.status === "bienpm"); return { active, inactive, nvmnghia, bienpm };
forEach
const active = []; const inactive = []; const nvmnghia = []; const bienpm = []; data.forEach((item) => { if (item.status === "active") active.push(item); else if (item.status === "inactive") inactive.push(item); else if (item.status === "nvmnghia") nvmnghia.push(item); else if (item.status === "bienpm") bienpm.push(item); });