Run results for: lodash clonedeep vs json.parse(stringify()) vs deepClone v3

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Browser: Chrome 103

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Lodash CloneDeep	106275.5 Ops/sec
Json Clone	112042.3 Ops/sec
deepClone	152624.8 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 Books = [
  {
    id: 1,
    title: 'Great Book',
    price: 12.99,
    available: true
  },
  {
    id: 2,
    title: 'Another Great Book',
    price: 11.99,
    available: false
  },
  {
    id: 3,
    title: 'Another Great Book',
    price: 9.99,
    available: true
  },
  {
    id: 4,
    title: 'Another Great Book',
    price: 8.99,
    available: true
  },
  {
    id: 5,
    title: 'Another Great Book',
    price: 13.99,
    available: false
  } 
];

var clone = null;

function deepClone(source) {

    if (source instanceof Date) return new Date(source.getTime())

    if (Array.isArray(source)) {
      const clone = []
      let i = source.length
      
      while (i--) {
        const value = source[i]
        clone[i] = (typeof value === 'object') ? deepClone(value) : value
      }
      
      return clone
    }

    const clone = {}

    for (const key in source) {
      if (source.hasOwnProperty(key)) {
        const value = source[key]
        clone[key] = (typeof value === 'object') ? deepClone(value) : value
      }
    }

    return clone
}

Tests:

Lodash CloneDeep
clone = _.cloneDeep(Books);
Json Clone
clone = JSON.parse(JSON.stringify(Books));
deepClone
clone = deepClone(Books);

Run results for: lodash clonedeep vs json.parse(stringify()) vs deepClone v3

Lodash CloneDeep

Json Clone

deepClone