Run results for: Object to FormData form - forEach vs reduce vs for..in

Run details:

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

Browser: Chrome 92

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
forEach	143393.3 Ops/sec
reduce	179212.3 Ops/sec
for..in	152546.6 Ops/sec

Script Preparation code:

var sampleObject = {
    "buttonText": "test",
    "codeType": "NO_CODE",
    "comment": "test",
    "content": "",
    "couponCode": "test",
    "couponImage": {
        "objectURL": {
            "changingThisBreaksApplicationSecurity": "blob:http://localhost:4200/525f5507-fa5d-4f34-af0a-39d7579ff4c1"
        }
    },
    "couponImageBig": {
        "objectURL": {
            "changingThisBreaksApplicationSecurity": "blob:http://localhost:4200/24fb3352-d37c-4272-9e62-41c1f6032b7d"
        }
    },
    "discount": "test",
    "endDate": "2021-08-31 22:00:00.000",
    "priority": 3,
    "startDate": "2021-08-26 22:00:00.000",
    "title": "test",
    "type": "STANDARD",
    "urlTerms": "test",
    "urlTermsAndroid": "test",
    "urlTermsHuawei": "test",
    "urlTermsIos": "test",
    "urlWebViewAndroid": "test",
    "urlWebViewHuawei": "test",
    "urlWebViewIos": "test"
}

Tests:

forEach
const sampleFormData = new FormData(); Object.keys(sampleObject).forEach(key => sampleFormData.append(key, sampleObject[key]));
reduce
const sampleFormData = sampleObject => Object.keys(sampleObject).reduce((formData, key) => { formData.append(key, sampleObject[key]); return formData; }, new FormData()); const sampleFormDataObj = sampleFormData(sampleObject);
for..in
const sampleFormData = new FormData(); for (const key in sampleObject) { sampleFormData.append(key, sampleObject[key]); }

Run results for: Object to FormData form - forEach vs reduce vs for..in

Comparision between three ways of converting object to FormData form

forEach

reduce

for..in