cloning an object

JavaScript performance comparison

Revision 83 of this test case created by Tokimon

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

      
<script>
Benchmark.prototype.setup = function() {
  var oldObject = {
     a: 1,
     b: 2,
     c: 3,
     d: 4,
     e: 5,
     f: function() {
      return 6;
     },
     g: [7, 8, 9],
     h: {
      a: 1,
      b: 2,
      c: 3,
      d: 4,
      e: 5,
      f: function() {
       return 6;
      },
      g: [7, 8, 9],
      h: {
       a: 1,
       b: 2,
       c: 3,
       d: 4,
       e: 5,
       f: function() {
        return 6;
       },
       g: [7, 8, 9]
      }
     }
    };
    
    
    function clone(obj) {
     var target = {};
     for (var i in obj) {
      if (obj.hasOwnProperty(i)) {
       target[i] = obj[i];
      }
     }
     return target;
    }
    
    Object.defineProperties(Object, {
     'extend': {
      'configurable': true,
      'enumerable': false,
      'value': function extend(what, wit) {
       var extObj, witKeys = Object.keys(wit);
    
       extObj = Object.keys(what).length ? Object.clone(what) : {};
    
       witKeys.forEach(function(key) {
        Object.defineProperty(extObj, key, Object.getOwnPropertyDescriptor(wit, key));
       });
    
       return extObj;
      },
      'writable': true
     },
     'clone': {
      'configurable': true,
      'enumerable': false,
      'value': function clone(obj) {
       return Object.extend({}, obj);
      },
      'writable': true
     }
    });
  
  	function _clone () {
  	};
  
  	function _clone_task(ev) {
  		_clone.prototype = ev;
  		return new _clone();
  	};
  
  	function _clone_self_contained(obj) {
  		return function(){}.prototype = obj;
  	};

};
</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
jQuery.extend() deep
var newObject = jQuery.extend(true, {}, oldObject);
pending…
JSON stringify/parse
var newObject = JSON.parse(JSON.stringify(oldObject));
pending…
jQuery.extend()
var newObject = jQuery.extend({}, oldObject);
pending…
clone function
var newObject = clone(oldObject);
pending…
proto
var newObject = _clone_task(oldObject);
pending…
proto 2
var newObject = _clone_self_contained(oldObject);
pending…
Object.assign
var newObject = Object.assign({}, oldObject);
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