Run results for: cloneDeep vs. new array

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Browser: Chrome 119

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

Spread

20.7M/s

Array.from

8.7M/s

Lodash cloneDeep

434K/s

View exact numbers

Test name	Executions per second
✓ Spread	20,691,450 Ops/sec
Array.from	8,692,985 Ops/sec
Lodash cloneDeep	434,190 Ops/sec

HTML Preparation code:

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

Script Preparation code:

var data = [
  {
    name: 1,
    stories: 32,
  },
  {
    name: 2,
    stories: 28,
  },
  {
    name: 3,
    stories: 30,
  },
  {
    name: 4,
    stories: 22,
  },
  {
    name: 5,
    stories: 16,
  },
  {
    name: 6,
    stories: 15,
  },
  {
    name: 7,
    stories: 12,
  },
];

Tests:

Array.from
Array.from(data);
Spread
[...data];
Lodash cloneDeep
_.cloneDeep(data);