Benchmark: Filter, for, for of, forEach

Script Preparation code:

const obj = {
    ID: '332',
    ACCOMPLICES: [],
    ACTIVITY_DATE: "2023-03-13T00:01:35+03:00",
    ALLOW_CHANGE_DEADLINE: "N",
    ALLOW_TIME_TRACKING: "N",
    AUDITORS: [],
    CHANGED_DATE: "2023-03-13T00:01:35+03:00",
    CHECKLIST: [],
    CREATED_BY: "1",
    DEADLINE: "2023-03-10T19:00:00+03:00",
    DESCRIPTION: "",
    DURATION_PLAN: "0",
    DURATION_TYPE: "days",
    END_DATE_PLAN: null,
    GROUP_ID: null,
    MARK: null,
    MATCH_WORK_TIME: "N",
    PRIORITY: "1",
    RESPONSIBLE_ID: "1",
    START_DATE_PLAN: "2023-03-08T23:58:00+03:00",
    STATUS: "2",
    TASK_CONTROL: "N",
    TIME_ESTIMATE: null,
    TIME_SPENT_IN_LOGS: "0",
    TITLE: "switches",
    UF_CRM_TASK: [],
    UF_TASK_WEBDAV_FILES: ["n186", "n188", "n190", "n192", "n708", "n710"],
}
const arr = [];

for (const idx of [...Array(10000).keys()]) {

    arr.push({
        ...obj,
        ID: idx
    })
}

Tests:

filter
const obj = { ID: '332', ACCOMPLICES: [], ACTIVITY_DATE: "2023-03-13T00:01:35+03:00", ALLOW_CHANGE_DEADLINE: "N", ALLOW_TIME_TRACKING: "N", AUDITORS: [], CHANGED_DATE: "2023-03-13T00:01:35+03:00", CHECKLIST: [], CREATED_BY: "1", DEADLINE: "2023-03-10T19:00:00+03:00", DESCRIPTION: "", DURATION_PLAN: "0", DURATION_TYPE: "days", END_DATE_PLAN: null, GROUP_ID: null, MARK: null, MATCH_WORK_TIME: "N", PRIORITY: "1", RESPONSIBLE_ID: "1", START_DATE_PLAN: "2023-03-08T23:58:00+03:00", STATUS: "2", TASK_CONTROL: "N", TIME_ESTIMATE: null, TIME_SPENT_IN_LOGS: "0", TITLE: "switches", UF_CRM_TASK: [], UF_TASK_WEBDAV_FILES: ["n186", "n188", "n190", "n192", "n708", "n710"], } const arr = []; for (const idx of [...Array(10000).keys()]) { arr.push({ ...obj, ID: idx }) } const newArr = arr.filter((item) => item.ID % 2);
for
const obj = { ID: '332', ACCOMPLICES: [], ACTIVITY_DATE: "2023-03-13T00:01:35+03:00", ALLOW_CHANGE_DEADLINE: "N", ALLOW_TIME_TRACKING: "N", AUDITORS: [], CHANGED_DATE: "2023-03-13T00:01:35+03:00", CHECKLIST: [], CREATED_BY: "1", DEADLINE: "2023-03-10T19:00:00+03:00", DESCRIPTION: "", DURATION_PLAN: "0", DURATION_TYPE: "days", END_DATE_PLAN: null, GROUP_ID: null, MARK: null, MATCH_WORK_TIME: "N", PRIORITY: "1", RESPONSIBLE_ID: "1", START_DATE_PLAN: "2023-03-08T23:58:00+03:00", STATUS: "2", TASK_CONTROL: "N", TIME_ESTIMATE: null, TIME_SPENT_IN_LOGS: "0", TITLE: "switches", UF_CRM_TASK: [], UF_TASK_WEBDAV_FILES: ["n186", "n188", "n190", "n192", "n708", "n710"], } const arr = []; for (const idx of [...Array(10000).keys()]) { arr.push({ ...obj, ID: idx }) } const newArr = []; for(let i = 0; i < arr.length; i++) { if(arr[i].ID % 2){ newArr.push(arr[i]); } }
for of
const obj = { ID: '332', ACCOMPLICES: [], ACTIVITY_DATE: "2023-03-13T00:01:35+03:00", ALLOW_CHANGE_DEADLINE: "N", ALLOW_TIME_TRACKING: "N", AUDITORS: [], CHANGED_DATE: "2023-03-13T00:01:35+03:00", CHECKLIST: [], CREATED_BY: "1", DEADLINE: "2023-03-10T19:00:00+03:00", DESCRIPTION: "", DURATION_PLAN: "0", DURATION_TYPE: "days", END_DATE_PLAN: null, GROUP_ID: null, MARK: null, MATCH_WORK_TIME: "N", PRIORITY: "1", RESPONSIBLE_ID: "1", START_DATE_PLAN: "2023-03-08T23:58:00+03:00", STATUS: "2", TASK_CONTROL: "N", TIME_ESTIMATE: null, TIME_SPENT_IN_LOGS: "0", TITLE: "switches", UF_CRM_TASK: [], UF_TASK_WEBDAV_FILES: ["n186", "n188", "n190", "n192", "n708", "n710"], } const arr = []; for (const idx of [...Array(10000).keys()]) { arr.push({ ...obj, ID: idx }) } const newArr = []; for(const item of arr) { if(item.ID % 2 ) { newArr.push(item); } }
forEach
const obj = { ID: '332', ACCOMPLICES: [], ACTIVITY_DATE: "2023-03-13T00:01:35+03:00", ALLOW_CHANGE_DEADLINE: "N", ALLOW_TIME_TRACKING: "N", AUDITORS: [], CHANGED_DATE: "2023-03-13T00:01:35+03:00", CHECKLIST: [], CREATED_BY: "1", DEADLINE: "2023-03-10T19:00:00+03:00", DESCRIPTION: "", DURATION_PLAN: "0", DURATION_TYPE: "days", END_DATE_PLAN: null, GROUP_ID: null, MARK: null, MATCH_WORK_TIME: "N", PRIORITY: "1", RESPONSIBLE_ID: "1", START_DATE_PLAN: "2023-03-08T23:58:00+03:00", STATUS: "2", TASK_CONTROL: "N", TIME_ESTIMATE: null, TIME_SPENT_IN_LOGS: "0", TITLE: "switches", UF_CRM_TASK: [], UF_TASK_WEBDAV_FILES: ["n186", "n188", "n190", "n192", "n708", "n710"], } const arr = []; for (const idx of [...Array(10000).keys()]) { arr.push({ ...obj, ID: idx }) } const newArr = []; arr.forEach(el => { if(el.ID % 2){ newArr.push(el); } } );

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
filter
for
for of
forEach

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: 7 months ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/118.0

Browser/OS: Firefox 118 on Linux

View result in a separate tab

Test name	Executions per second
filter	244.9 Ops/sec
for	280.2 Ops/sec
for of	243.9 Ops/sec
forEach	280.8 Ops/sec

Filter, for, for of, forEach (version: 0)

Comparing performance of: filter vs for vs for of vs forEach

Created: one year ago by: Guest

Jump to the latest result

filter

for

for of

forEach

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A