Run results for: native built-in filter map function vs native logic for filter, map (about huge map)

Run details:

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

Browser: Chrome 80

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
native built-in filter	455.3 Ops/sec
native logic for filter, map	184.2 Ops/sec
using forEach	800.3 Ops/sec
lodash chain	287.8 Ops/sec
lodash not chain	401.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 numbers = [10, 40, 230, 15, 18, 51, 1221, 24, 36, 28, 10, 6, 8, 7, 55, 89, 256, 102, 1, 23, 41, 38, 7, 2, 5, 9, 60]
var input = []
Array(1000).fill().forEach(_ => input.push(...numbers))

Tests:

native built-in filter
input.filter(i => i > 10).map(x => x * x)
native logic for filter, map
let result = [] for (let x in input) { if (x > 10) result.push(x * x) }
using forEach
let result = [] input.forEach(x => { if (x > 10) result.push(x * x) })
lodash chain
_.chain(input).filter(x => x > 10).map(x => x * x).value()
lodash not chain
_.map(_.filter(input, x => x > 10), x => x * x)

Run results for: native built-in filter map function vs native logic for filter, map (about huge map)

native built-in filter map function vs native logic for filter, map

native built-in filter

native logic for filter, map

using forEach

lodash chain

lodash not chain