Run results for: lodash test

Run details:

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

Browser: Chrome 58

Operating system: Windows

Device Platform: Other

Date tested: 7 years ago

Test name	Executions per second
800/1000 - map + find iterate on ids	88.7 Ops/sec
800/1000 - reduce + includes iterate on all	233.0 Ops/sec
800/1000 - filter + includes iterate on all	231.9 Ops/sec
200/1000 - map + find iterate on ids	340.8 Ops/sec
200/1000 - reduce + includes iterate on all	484.2 Ops/sec
200/1000 - filter + includes iterate on all	495.4 Ops/sec

HTML Preparation code:

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

Script Preparation code:

function shuffle(a) {
    var j, x, i;
    for (i = a.length; i; i--) {
        j = Math.floor(Math.random() * i);
        x = a[i - 1];
        a[i - 1] = a[j];
        a[j] = x;
    }
}
var similar = {
 	all: [],
	ids: [],
	allLength: 1000,
	idsLength: 800
};

for(var i = 0; i < similar.allLength; i++) {
  similar.all[i] = {id: i, value: 'value' + i };
}

for(var i = 0; i < similar.allLength; i++) {
  similar.ids[i] = i;
}
similar.ids = similar.ids.splice(similar.allLength - similar.idsLength)
shuffle(similar.all);
shuffle(similar.ids);

var distant = {
 	all: [],
	ids: [],
	allLength: 1000,
	idsLength: 200
};

for(var i = 0; i < distant.allLength; i++) {
  distant.all[i] = {id: i, value: 'value' + i };
}

for(var i = 0; i < distant.allLength; i++) {
  distant.ids[i] = i;
}
distant.ids = distant.ids.splice(distant.allLength - distant.idsLength)
shuffle(distant.all);
shuffle(distant.ids);

Tests:

800/1000 - map + find iterate on ids
var output = _.map(similar.ids, function(id) { return _.find(similar.all, { id: id }); });
800/1000 - reduce + includes iterate on all
var output = _.reduce(similar.all, function(acc, element) { if(_.includes(similar.ids, element.id)) { acc.push(element); } return acc; }, []);
800/1000 - filter + includes iterate on all
var output = _.filter(similar.all, function(element) { return _.includes(similar.ids, element.id); });
200/1000 - map + find iterate on ids
var output = _.map(distant.ids, function(id) { return _.find(distant.all, { id: id }); });
200/1000 - reduce + includes iterate on all
var output = _.reduce(distant.all, function(acc, element) { if(_.includes(distant.ids, element.id)) { acc.push(element); } return acc; }, []);
200/1000 - filter + includes iterate on all
var output = _.filter(distant.all, function(element) { return _.includes(distant.ids, element.id); });

Run results for: lodash test

800/1000 - map + find iterate on ids

800/1000 - reduce + includes iterate on all

800/1000 - filter + includes iterate on all

200/1000 - map + find iterate on ids

200/1000 - reduce + includes iterate on all

200/1000 - filter + includes iterate on all