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

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:82.0) Gecko/20100101 Firefox/82.0

Browser: Firefox 82

Operating system: Windows

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));