Benchmark: compare array mapping

HTML Preparation code:

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

Script Preparation code:

var itemsArray = [];

for (let i = 0; i < 100000; i++) {
	itemsArray.push({
    	id: i,
      	author: 'Robert' + i,
    })
}

Tests:

native map
console.log(itemsArray.map(item => item.id)) console.log(itemsArray.map(item => item.author))
lodash map
console.log(_.map(itemsArray, item => item.id)) console.log(_.map(itemsArray, item => item.author))
native forEach push
let a = []; let b = []; itemsArray.forEach(item => { a.push(item.id); b.push(item.author)}) console.log(a) console.log(b)
lodash forEach push
let a = []; let b = []; _.forEach(itemsArray, item => { a.push(item.id); b.push(item.author)}) console.log(a) console.log(b)

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 3 years ago)

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

Browser/OS: Chrome 84 on Windows

compare array mapping (version: 0)