Benchmark: Returning a parsed object

Script Preparation code:

var object = { 
  title: 'title',
  subtitle: 'subtitle',
  description: 'Learn more about URL shortening. Short links come with 100% free accounts. Get private click stats, QR codes and basic tagging. Or upgrade with dozens of powerful features in paid plans starting at $5. Special discount for tiny.cc users!',
  someInt: 5,
  someOtherInt: 10.5,
  arr: [
    {
      title: 'title',
      subtitle: 'subtitle',
      description: 'Learn more about URL shortening. Short links come with 100% free accounts. Get private click stats, QR codes and basic tagging. Or upgrade with dozens of powerful features in paid plans starting at $5. Special discount for tiny.cc users!',
      someInt: 5,
      someOtherInt: 10.5
    },
    {
      title: 'title',
      subtitle: 'subtitle',
      description: 'Learn more about URL shortening. Short links come with 100% free accounts. Get private click stats, QR codes and basic tagging. Or upgrade with dozens of powerful features in paid plans starting at $5. Special discount for tiny.cc users!',
      someInt: 5,
      someOtherInt: 10.5
    },
    {
      title: 'title',
      subtitle: 'subtitle',
      description: 'Learn more about URL shortening. Short links come with 100% free accounts. Get private click stats, QR codes and basic tagging. Or upgrade with dozens of powerful features in paid plans starting at $5. Special discount for tiny.cc users!',
      someInt: 5,
      someOtherInt: 10.5
    },
    {
      title: 'title',
      subtitle: 'subtitle',
      description: 'Learn more about URL shortening. Short links come with 100% free accounts. Get private click stats, QR codes and basic tagging. Or upgrade with dozens of powerful features in paid plans starting at $5. Special discount for tiny.cc users!',
      someInt: 5,
      someOtherInt: 10.5
    }
  ]
}

Tests:

Spread operator
function merged () { return { ...object, arr: null, } } for (let i = 0; i < 10000; i++) { console.log(merged()) }
Cloning
function merged () { const clone = JSON.parse(JSON.stringify(object)) delete clone.arr return clone } for (let i = 0; i < 10000; i++) { console.log(merged()) }
Object.assign()
function merged () { const changes = { arr: null } return Object.assign({}, object, changes); } for (let i = 0; i < 10000; i++) { console.log(merged()) }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Spread operator
Cloning
Object.assign()

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Android 11; Mobile; rv:99.0) Gecko/99.0 Firefox/99.0

Browser/OS: Firefox Mobile 99 on Android

View result in a separate tab

Test name	Executions per second
Spread operator	4.0 Ops/sec
Cloning	2.0 Ops/sec
Object.assign()	4.0 Ops/sec

Returning a parsed object (version: 0)

Comparing performance of: Spread operator vs Cloning vs Object.assign()

Created: 2 years ago by: Guest

Jump to the latest result

Spread operator

Cloning

Object.assign()

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A