Run results for: JavaScript spread operator vs Object.assign vs Lodash.clone vs JSON

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:75.0) Gecko/20100101 Firefox/75.0

Browser: Firefox 75

Operating system: Ubuntu

Device Platform: Desktop

Date tested: 4 years ago

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Tests:

Using the spread operator
const firstObject = { sampleData: 'Hello world', moreData: 'foo bar' } const finalObject = { ...firstObject };
Using Object.assign
const firstObject = { sampleData: 'Hello world', moreData: 'foo bar' } const finalObject = Object.assign(firstObject);
Using lodash.clone
const firstObject = { sampleData: 'Hello world', moreData: 'foo bar' } const finalObject = _.clone(firstObject);
Using JSON
const firstObject = { sampleData: 'Hello world', moreData: 'foo bar' } const finalObject = JSON.parse(JSON.stringify(firstObject));