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/89.0.4389.90 Safari/537.36

Browser: Chrome 89

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Get value in object by key	123820.8 Ops/sec
Get value by filtering array	1066.9 Ops/sec
Get value by mapping array	770.5 Ops/sec
Get value by forEach array	1126.4 Ops/sec
Get value by forEach lodash array	3175.9 Ops/sec
Get value by forEach object	139.2 Ops/sec
Get value by forEach in value object	133.4 Ops/sec
Get value by lodash filter in value object	121.7 Ops/sec
Get value by filter in value array	857.8 Ops/sec
Get value by lodash filter in value array	1865.7 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