Run results for: native-vs-js-methods-4

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.106 Safari/537.36 Edg/80.0.361.56

Browser: Chrome 80

Operating system: Mac OS X 10.14.6

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
js-methods	250.8 Ops/sec
native	39.5 Ops/sec

Script Preparation code:

var arr = new Array(10000000).fill(null).map((item, idx) => {
  return {
    age: Math.floor(Math.random() * 100),
    id: (idx + 1)
  };
});

Tests:

js-methods
const filterData = arr.filter(item => { return item.age <= 50; }); const sumgeLessThanFifty = filterData.reduce((acc, item) => { acc += item.age; return acc; }, 0); console.log(sumgeLessThanFifty);
native
var sum = 0; arr.forEach(item => { var age = item.age; if(age <= 50) { sum += age; } }); console.log(sum);
native-for-loop
var sum = 0; var length = arr.length; for(var i = 0 ; i < length ; i++) { var age = arr[i].age; if(age <= 50) { sum += age; } } console.log(sum);