Run results for: compare for loop vs array.filter vs array.filter with array.includes

Run details:

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

Browser: Chrome 114

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
array.filter	2057521.0 Ops/sec
for loop	1446444.2 Ops/sec

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;