Benchmark: compare for loop vs array.filter vs array.filter with array.includes

Script Preparation code:

boxType = 'STORAGE';
inspectionPendingBoxCount = 0;
boxList = [
    {
        'id': 1,
        'boxCode': 'b1',
        'purpose': 'STORAGE',
        'isInspectionReq': true,
        'status': 'INSPECTION_IN_PROGRESS'
    },
    {
        'id': 2,
        'boxCode': 'b2',
        'purpose': 'STORAGE',
        'isInspectionReq': true,
        'status': 'RECEIVED'
    },
    {
        'id': 3,
        'boxCode': 'b3',
        'purpose': 'CROSSDOCK',
        'isInspectionReq': false,
        'status': 'INSPECTION_IN_PROGRESS'
    },
    {
        'id': 4,
        'boxCode': 'b4',
        'purpose': 'STORAGE',
        'isInspectionReq': true,
        'status': 'INSPECTION_DONE'
    },
    {
        'id': 5,
        'boxCode': 'b5',
        'purpose': 'STORAGE',
        'isInspectionReq': false,
        'status': 'INSPECTION_IN_PROGRESS'
    }
];

Tests:

array.filter
inspectionPendingBoxCount = boxList?.filter(box=> boxType == box?.purpose && box?.isInspectionReq && (box?.status=='INSPECTION_IN_PROGRESS' || box?.status=='RECEIVED'))?.length;
for loop
for(let box of boxList){ if(boxType == box?.purpose && box?.isInspectionReq && (box?.status=='INSPECTION_IN_PROGRESS' || box?.status=='RECEIVED')) inspectionPendingBoxCount+=1; }
array.filter with array.includes
inspectionPendingBoxCount = boxList?.filter(box=> boxType == box?.purpose && box?.isInspectionReq && ['INSPECTION_IN_PROGRESS', 'RECEIVED'].includes?.(box?.status))?.length;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
array.filter
for loop
array.filter with array.includes

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 days ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0

Browser/OS: Firefox 115 on Windows

View result in a separate tab

Test name	Executions per second
array.filter	13061890.0 Ops/sec
for loop	4261948.0 Ops/sec
array.filter with array.includes	6979020.0 Ops/sec

compare for loop vs array.filter vs array.filter with array.includes (version: 1)

compare for loop vs array.filter

Comparing performance of: array.filter vs for loop vs array.filter with array.includes

Created: 9 months ago by: Registered User

Jump to the latest result

array.filter

for loop

array.filter with array.includes

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A