Deep Copy vs JSON Stringify / JSON Parse

JavaScript performance comparison

Revision 84 of this test case created by Ajay Kaushik

Preparation code

<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js
"></script>

      
<script>
Benchmark.prototype.setup = function() {
  function deepCopy(o) {
      var copy = o,k;
   
      if (o && typeof o === 'object') {
          copy = Object.prototype.toString.call(o) === '[object Array]' ? [] : {};
          for (k in o) {
              copy[k] = deepCopy(o[k]);
          }
      }
   
      return copy;
  }
  
  var uc = {
    bir: {
      iki: {
        uc: 3,
        ab: null,
        f: {
          a: [1, 23, 67, 35, 24, 89, 12, 48674],
          ty: [{ a: 123, b: 34 }],
          l1: {
            l2: {
              l3: {
                l4: 1234,
              },
            },
          },
        },
      },
    },
  };

};
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
Lodash deepClone
var bes = _.cloneDeep(uc)
pending…
Deep Copy
var bes = deepCopy(uc)
pending…
JSON Stringify / JSON Parse
var bes = JSON.parse(JSON.stringify(uc))
pending…

Compare results of other browsers

Revisions

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

0 Comments