jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.
jsperf.com URLs are mirrored at the same path, e.g:
https://jsperf.com/negative-modulo/2
Can be accessed at:
https://jsperf.app/negative-modulo/2
There is no quick and easy facility for cloning an object, Some people recommend using JQuery.extend others JSON.parse/stringify
http://stackoverflow.com/questions/122102/what-is-the-most-efficient-way-to-clone-a-javascript-object
If you want the fastest possible clone function. I would personally anticipate the data structure of your object and write a custom clone to handle it.
I discarded the protoClone function method because it abuses the function prototype and the returned object is named F:
// oldObject logs: Object {a: 1, b: 2, c: 3, d: 4, e: 5…}
// newObject logs: F {a: 1, b: 2, c: 3, d: 4, e: 5…}
I discarded the Object.create(oldObject)
method because nested objects/arrays are passed as reference to the newArray.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
var oldObject = {
a: 1,
b: 2,
c: 3,
d: 4,
e: 5,
f: function() {
'use strict';
return 6;
},
g: [7, 8, 9]
},
oldArray = [
1, 2, 3, 4, 5,
function() {
'use strict';
return 6;
},
[7, 8, 9]
];
clone = function(source) {
'use strict';
var copy, i;
if (Object.prototype.toString.call(source) === '[object Array]') {
copy = [];
for (i=0; i<source.length; i++) {
copy[i] = clone(source[i]);
}
return copy;
} else if (typeof(source) === 'object') {
copy = {};
for (var prop in source) {
if (source.hasOwnProperty(prop)) {
copy[prop] = clone(source[prop]);
}
}
return copy;
} else {
return source;
}
};
Ready to run.
Test | Ops/sec | |
---|---|---|
clone(obj) |
| ready |
$.extend(obj) deep |
| ready |
loDash(obj) deep |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.