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

Revision 5 of this benchmark created 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="//underscorejs.org/underscore-min.js"></script><script src="//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

Revisions

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