Difference between two arrays with native javascript or underscore or jquery (v8)

Revision 8 of this benchmark created by Jim on

Description

We want to find out the differences between two arrays. Eg : [1, 2, 3, 4, 5] and [3, 4, 5] should return [1, 2]

Preparation HTML

<script src="https://underscorejs.org/underscore-min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>

Setup

var foo = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30];
    
    var bar = [1, 3, 4, 5, 6, 7, 8, 9, 11, 12, 13, 14, 15, 16, 18, 19, 20, 21, 22, 24, 26, 27, 28, 29, 30];

Test runner

Ready to run.

Testing in
TestOps/sec
Native javascript
var baz = [];

foo.forEach(function(key) {
  if (-1 === bar.indexOf(key)) {
    baz.push(key);
  }
}, this);
ready
jQuery
var baz = [];

$.each(foo, function(key) {
  if (-1 === bar.indexOf(key)) {
    baz.push(key);
  }
});
ready
Underscore
var baz = _.difference(foo, bar);
ready
angular
var baz = [];

angular.forEach(foo, function(key) {
  if (-1 === bar.indexOf(key)) {
    baz.push(key);
  }
});
ready
Native JS no function calls
var baz = [];

for (var i = foo.length - 1; i >= 0; i--) {
  var key = foo[i];
  if (-1 === bar.indexOf(key)) {
    baz.push(key);
  }
}
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.