Run results for: compare object and array mapping

Run details:

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: Chrome 84

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Get value in object by key	28201.2 Ops/sec
Get value by filtering array	559.2 Ops/sec
Get value by mapping array	449.8 Ops/sec
Get value by forEach array	596.0 Ops/sec
Get value by forEach lodash array	1994.8 Ops/sec
Get value by forEach object	104.1 Ops/sec
Get value by forEach in value object	93.0 Ops/sec
Get value by lodash filter in value object	89.6 Ops/sec
Get value by filter in value array	446.1 Ops/sec
Get value by lodash filter in value array	1261.1 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 itemsArray = [];
var itemsObj = {};

for (let i = 0; i < 100000; i++) {
	itemsArray.push({
    	id: i,
      	author: 'Robert' + i,
    })
    itemsObj = {...itemsObj, [i]: {id: i, author: 'Robert' + i}}
}

Tests:

Get value in object by key
console.log('itemsObj ', itemsObj[59430])
Get value by filtering array
console.log(itemsArray.filter(item => item.id === 59430)[0])
Get value by mapping array
itemsArray.map(item => { if (item.id === 59430) { console.log(item) } })
Get value by forEach array
itemsArray.forEach(item => { if (item.id === 59430) { console.log(item) } })
Get value by forEach lodash array
_.forEach(itemsArray, item => { if (item.id === 59430) { console.log(item) } })
Get value by forEach object
_.forEach(itemsObj, (value ,key) => { if (key === 59430) { console.log(value) } })
Get value by forEach in value object
_.forEach(itemsObj, (value ,key) => { if (value.id === 59430) { console.log(value) } })
Get value by lodash filter in value object
console.log(_.filter(itemsObj, value => value.id > 75001))
Get value by filter in value array
console.log(itemsArray.filter(value => value.id > 75001))
Get value by lodash filter in value array
console.log(_.filter(itemsArray, value => value.id > 75001))

Run results for: compare object and array mapping

Get value in object by key

Get value by filtering array

Get value by mapping array

Get value by forEach array

Get value by forEach lodash array

Get value by forEach object

Get value by forEach in value object

Get value by lodash filter in value object

Get value by filter in value array

Get value by lodash filter in value array