Run results for: _Mhai's Code2

Run details:

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

Browser: Chrome 88

Operating system: Mac OS X 10.15.5

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
MhaiCode	19.5 Ops/sec
Native1	288.4 Ops/sec
Native2	341.7 Ops/sec

HTML Preparation code:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.core.js"></script>

Script Preparation code:

var data = {
    'member_info_decrypt': []
};

for (var i=0;i<100000;i++) {
  data['member_info_decrypt'][i] = {
    'firebase_id': ''+i,
    'member_id': ''+i,
    'mobile_no': ''+i,
  }
}

Tests:

MhaiCode
_.map(data.member_info_decrypt, object => { return _.pick(object, ['firebase_id', 'member_id', 'mobile_no']) })
Native1
const items = data.member_info_decrypt; items.map(({firebase_id,member_id,mobile_no})=>({firebase_id,member_id,mobile_no}))
Native2
const items = data.member_info_decrypt; const length = items.length; const result = []; for(var i=0; i<length; i++) { const {firebase_id,member_id,mobile_no} = items[i]; result[i] = { firebase_id,member_id,mobile_no } }

Run results for: _Mhai's Code2

Compare the new ES6 spread operator with the traditional concat() method

MhaiCode

Native1

Native2