Benchmark: Spread vs object.assign vs immutable

HTML Preparation code:

<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/immutable/4.0.0-rc.12/immutable.min.js'></script>

Script Preparation code:

var x = ["asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw", "asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw"];
var y = ["asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw", "asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw","asdasdasda", "adasdasddsa", "asdasdasdasd", "asdasdasdasdasd", "asdasdaqwqw"];
var z = "xDDD";
var ob = {
  "a": 12, 
  "b": {
    "asd": "asd",
    "asdasdasdasd": 44
  },
  "c": {
    "d": {
      "asdasd": "asd",
      "qwqwqw": "asdasdasd",
      "c": {
        "d": {
          "asdasd": "asd",
          "qwqwqw": "asdasdasd"
        }
  	  }
    }
  }
};

var ob1 = {
  "a": 12, 
  "b": {
    "asd": "asd",
    "asdasdasdasd": 44
  },
  "c": {
    "d": {
      "asdasd": "asd",
      "qwqwqw": "asdasdasd",
      "c": {
        "d": {
          "asdasd": "asd",
          "qwqwqw": "asdasdasd"
        }
  	  }
    }
  }
};

Tests:

spread (objects)
var a = {...ob, ...ob1, z};
object assign (objects)
var a = Object.assign({}, ob, ob1, z);
Immutable fromJS (objects)
var a = Immutable.fromJS({ob, ob1, z})
spread (arrays)
var a = [...x, ...y]
object assign (arrays)
var a = Object.assign([], x, y);
Immutable merge (arrays)
var a = Immutable.merge(ob, ob1)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
spread (objects)
object assign (objects)
Immutable fromJS (objects)
spread (arrays)
object assign (arrays)
Immutable merge (arrays)

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: 4 years ago)

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

Browser/OS: Firefox 68 on Windows

View result in a separate tab

Test name	Executions per second
spread (objects)	779664.2 Ops/sec
object assign (objects)	209867.6 Ops/sec
Immutable fromJS (objects)	20592.0 Ops/sec
spread (arrays)	252733.1 Ops/sec
object assign (arrays)	40948.1 Ops/sec
Immutable merge (arrays)	727183.8 Ops/sec

Spread vs object.assign vs immutable (version: 0)

Comparing performance of: spread (objects) vs object assign (objects) vs Immutable fromJS (objects) vs spread (arrays) vs object assign (arrays) vs Immutable merge (arrays)

Created: 5 years ago by: Registered User

Jump to the latest result

spread (objects)

object assign (objects)

Immutable fromJS (objects)

spread (arrays)

object assign (arrays)

Immutable merge (arrays)

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A