Run results for: [js] forEach, map, filter

Run details:

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

Browser: Chrome 130

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
forEach	7495916.0 Ops/sec
filter + map	9372004.0 Ops/sec

HTML Preparation code:

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

Script Preparation code:

var array = [1,2,3,4,5];
var template = [];

Tests:

forEach
array.forEach(v => { if (v % 2 === 0) { // 짝수만 도출하여 template 배열에 넣는다. template.push(v) } })
filter + map
template = array.filter(v => v % 2 === 0).map(v => v);

Run results for: [js] forEach, map, filter

forEach

filter + map