Run results for: Lodash vs Vanillin

Run details:

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

Browser: Chrome 105

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Selected Items Count (Lodash)	49331.1 Ops/sec
Selected Items Count (JS)	109511.1 Ops/sec
_.filter	8674.8 Ops/sec
[].filter	12114.4 Ops/sec
_.some	9460.9 Ops/sec
[].some	14809.5 Ops/sec
_.reduce	1482601.0 Ops/sec
Object.entries().reduce()	1534887.0 Ops/sec
_.forEach	8589280.0 Ops/sec
[].forEach	19497.6 Ops/sec
JS isString	1041826000.0 Ops/sec
_.isString()	15039900.0 Ops/sec
_.find();	1322.2 Ops/sec
[].find()	18858.4 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 keywordsOnPage = new Array(100).fill({}).map((val, i) => ({id: i}));
var selectedKeywords = new Array(20000).fill({}).map((val, i) => ({id: i}));
var obj = {};

for (var i = 0, len = 10; i < len; i++) {
  var arr = []
  obj['key' + i] = arr
  for (var n = 0, len = 10; n < len; n++) {
    arr.push({ ['key' + n]: n });
  }
}

Tests:

Selected Items Count (Lodash)
_.filter(keywordsOnPage, (keyword) => _.some(selectedKeywords, (selected) => selected.id === keyword.id)).length;
Selected Items Count (JS)
keywordsOnPage.filter((keyword) => selectedKeywords.some((selected) => selected.id === keyword.id)).length;
_.filter
_.filter(selectedKeywords, (keyword) => keyword.id > 19990)
[].filter
selectedKeywords.filter((keyword) => keyword.id > 19990)
_.some
_.some(selectedKeywords, (keyword) => keyword.id === 19990)
[].some
selectedKeywords.some((keyword) => keyword.id === 19990)
_.reduce
_.reduce(obj, (acc, val, key) => { acc[key] = val.map(d => ({ label: key, value: val })); return acc; }, {})
Object.entries().reduce()
Object.entries(obj).reduce((acc, [key, val]) => { acc[key] = val.map(d => ({ label: key, value: val })); return acc; }, {})
_.forEach
_.forEach(selectedKeywords, (keyword) => keyword.id === null)
[].forEach
selectedKeywords.forEach((keyword) => keyword.id === null);
JS isString
const isString = typeof 'str' === 'string';
_.isString()
const isString = _.isString('str');
_.find();
find(selectedKeywords, (keyword) => keyword.id > 19990);
[].find()
selectedKeywords.find((keyword) => keyword.id > 19990);

Run results for: Lodash vs Vanillin

Selected Items Count (Lodash)

Selected Items Count (JS)

_.filter

[].filter

_.some

[].some

_.reduce

Object.entries().reduce()

_.forEach

[].forEach

JS isString

_.isString()

_.find();

[].find()