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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:102.0) Gecko/20100101 Firefox/102.0

Browser: Firefox 102

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 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));