Run results for: Object.keys(obj).reduce versus Array.map().push() (Performance test)

Run details:

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

Browser: Chrome 93

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Object.keys().reduce()	1350.4 Ops/sec
Array.map().push()	9051.8 Ops/sec

Script Preparation code:

var obj = {
    currentPassword: {
        value: '',
        required: true,
    },
    newPassword: {
        value: '123456',
        required: true,
        validator: (newPassword) => {
            if (newPassword.length <= 6) {
                return 'Passphrase must be at least 6 characters long';
            } else return '';
        },
    },
    verifyPassword: {
        value: '123457',
        required: true,
        validator: (verifyPassword, newPassword) => {
            if (verifyPassword !== newPassword) {
                return 'Passwords do not match';
            } else return '';
        },
    },
};


var arr = [{
        name: 'currentPassword',
        value: '',
        required: true,
    },
    {
        name: 'newPassword',
        value: '123456',
        required: true,
        validator: (newPassword) => {
            if (newPassword.length <= 6) {
                return 'Passphrase must be at least 6 characters long';
            } else return '';
        },
    },
    {
        name: 'verifyPassword',
        value: '123457',
        required: true,
        validator: (verifyPassword, newPassword) => {
            if (verifyPassword !== newPassword) {
                return 'Passwords do not match';
            } else return '';
        },
    },
];

Tests:

Object.keys().reduce()
for (var i=1000; i > 0; i--) { var keys = Object.keys(obj); var reduced = keys.reduce((object, key) => { object[key] = obj[key] return object; }, {}); // console.log('obj', reduced); // verify verifyPassword against newPassword via its validator function var errorMessage = obj.verifyPassword.validator(obj.verifyPassword.value, obj['newPassword'].value); // console.log('obj errorMessage', errorMessage); }
Array.map().push()
for (var i = 1000; i > 0; i--) { var newArray = []; arr.map((element) => { newArray.push(element); }); // console.log('arr', newArray); // verify newPassword (newArray[1]) via its validator function var errorMessage = newArray[1].validator('12345'); // console.log('arr errorMessage', errorMessage); }

Run results for: Object.keys(obj).reduce versus Array.map().push() (Performance test)

useForm hook

Object.keys().reduce()

Array.map().push()