object clone jquery vs underscore vs lodash

Benchmark created by Simon Gong on December 8, 2014

Preparation HTML

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script>
var lodash = _.noConflict();
</script>

Setup

var deepObject = {
      a: {
        b: {
          c: 6
        },
        d: 8
      },
      e: "hello",
      p: 9,
      q: 10,
      r: true,
      s: new Date(),
      t: function () {
        var foo = 'bar';
        return foo;
      },
      v: [1, 2, 3],
      __proto__: {
        constructor: function(){},
        __proto__: {}
      }
    };

Test runner

$.extend(true, {}, deepObject);

_.clone(deepObject)

lodash.cloneDeep(deepObject)

JSON.parse(JSON.stringify(deepObject));

Revisions

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

• Revision 1: published by Simon Gong on December 8, 2014
• Revision 2: published by Concat test on March 11, 2015
• Revision 3: published on June 7, 2015