Run results for: es6(forEach, map, filter) vs lodash(map) 성능 비교

Run details:

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

Browser: Chrome 109

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
ES6 forEach	6077.8 Ops/sec
ES6 filter 후 map	42965.7 Ops/sec
ES6 filter	59181.3 Ops/sec
ES6 map	59356.6 Ops/sec
lodash filter	13658.1 Ops/sec
lodash map	74614.2 Ops/sec

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

var array = [];
for (var i = 0; i < 5000; i++) {
   	if (i % 2 === 0) {
     	array.push({
  			user: 'Mohit',
  			age: 26,
  			active: true,
  			user2: 'Mohit',
  			age2: 26,
  			active2: true,
  			user3: 'Mohit',
  			age3: 26,
  			active3: true,
		});
    } else {
      	array.push({
  			user: 'Rohit',
			age: 25,
			active: false,
			user2: 'Rohit',
			age2: 25,
			active2: false,
			user3: 'Rohit',
			age3: 25,
			active3: false,
		}); 
    }
}
var template = [];

Tests:

ES6 forEach
array.forEach(v => { if (v.user === 'Mohit') { template.push(v); } });
ES6 filter 후 map
template = array.filter(v => v.user === 'Mohit').map(v => v);
ES6 filter
template = array.filter(v => v.user === 'Mohit');
ES6 map
template = array.map(v => v.user === 'Mohit');
lodash filter
template = _.filter(array, { user: 'Mohit' });
lodash map
template = _.map(array, v => v.user === 'Mohit');

Run results for: es6(forEach, map, filter) vs lodash(map) 성능 비교

ES6 forEach

ES6 filter 후 map

ES6 filter

ES6 map

lodash filter

lodash map