Benchmark: Array loop vs foreach vs map station

Script Preparation code:

   var arr = [];
    for (var i = 0; i < 1000; i++) {
      arr[i] = { dataValues: {
            "code": "GB!BA" + i,
            "crsCode": null,
            "nlcCode": null,
            "type": "Station",
            "name": "Barrow+Bus",
            "mainStation": "NO",
            "countryCode": "GB",
            "timeZone": "Europe/London",
            "latitude": null,
            "longitude": null,
            "stateProvinceCode": null,
            "itineraryStation": "OUTPUT_ONLY",
            "fareStation": "OUTPUT_ONLY",
            "status": null,
            "chilternStation": null,
            "preferredStation": null,
            "createdAt": "2017-10-05T16:22:16.000Z",
            "updatedAt": "2018-06-25T10:28:01.000Z",
            "suppliers": "[{\"memberStations\": [],\"groupStations\": [],\"source\": \"ATOC\",\"type\": \"ALIAS\",\"codeType\": null,\"typeName\": null,\"alias\": \"Barrow+Bus\"}]",
            "smartCardSupport": false
        }};
    }
  
    function someFn(model) {
      const interfce = {
            code: model.dataValues.code,
            crsCode: model.dataValues.crsCode,
            nlcCode: model.dataValues.nlcCode,
            type: model.dataValues.type,
            name: model.dataValues.name,
            mainStation: model.dataValues.mainStation,
            iataCode: model.dataValues.iataCode,
            countryCode: model.dataValues.countryCode,
            timeZone: model.dataValues.timeZone,
            latitude: model.dataValues.latitude,
            longitude: model.dataValues.longitude,
            city: model.dataValues.city,
            stateProvinceCode: model.dataValues.stateProvinceCode,
            itineraryStation: model.dataValues.itineraryStation,
            fareStation: model.dataValues.fareStation,
            status: model.dataValues.status,
            chilternStation: model.dataValues.chilternStation,
            preferredStation: model.dataValues.preferredStation,
            createdAt: model.dataValues.createdAt,
            updatedAt: model.dataValues.updatedAt,
            suppliers: model.dataValues.suppliers ? JSON.parse(model.dataValues.suppliers) : null,
            smartCardSupport: model.dataValues.smartCardSupport
        };

        return interfce;
    }

Tests:

foreach
var newArray = []; arr.forEach(function (item){ var interface = someFn(item); newArray.push(interface); })
for
var newArray = []; for (var i = 0, len = arr.length; i < len; i++) { var interface = someFn(arr[i]); newArray.push(interface); }
map
var newArray = arr.map(item => someFn(item));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
foreach
for
map

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: 4 years ago)

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

Browser/OS: Chrome 77 on Windows 7

View result in a separate tab

Test name	Executions per second
foreach	416.2 Ops/sec
for	385.7 Ops/sec
map	443.6 Ops/sec

Array loop vs foreach vs map station (version: 0)

Comparing performance of: foreach vs for vs map

Created: 4 years ago by: Guest

Jump to the latest result

foreach

for

map

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A