Benchmark: Lodash cloneDeep vs JSON parse+stringify vs native deepClone with large objects

HTML Preparation code:

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

Script Preparation code:

var testObject = {
  someKey: {
    someKey1:
      "some text some text some text some text some text some text some text some text",
    someKey2:
      "some text some text some text some text some text some text some text some text",
    someKey3: [
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3:
          "some text some text some text some text some text some text some text some text",
      },
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3: [
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
        ],
      },
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3:
          "some text some text some text some text some text some text some text some text",
      },
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3: [
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
        ],
      },
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3:
          "some text some text some text some text some text some text some text some text",
      },
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3: [
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
        ],
      },
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3:
          "some text some text some text some text some text some text some text some text",
      },
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3: [
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
        ],
      },
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3:
          "some text some text some text some text some text some text some text some text",
      },
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3: [
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
        ],
      },
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3:
          "some text some text some text some text some text some text some text some text",
      },
      {
        someKey1:
          "some text some text some text some text some text some text some text some text",
        someKey2: null,
        someKey3: [
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
          {
            someKey1:
              "some text some text some text some text some text some text some text some text",
            someKey2:
              "some text some text some text some text some text some text some text some text",
          },
        ],
      },
    ],
  },
};

function deepClone(obj) {
  return Object.keys(obj).reduce(
    (acc, key) => {
      acc[key] = getValue(obj[key]);
      return acc;
    },
    { ...obj }
  );
}

function getValue(value) {
  if (Array.isArray(value)) {
    return value.map(getValue);
  }

  if (value && typeof value === "object") {
    return deepClone(value);
  }

  return value;
}

var testCopy = null;

Tests:

lodash
testCopy = _.cloneDeep(testObject);
Native JSON parse
testCopy = JSON.parse(JSON.stringify(testObject));
Native deepClone
testCopy = deepClone(testObject);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
lodash
Native JSON parse
Native deepClone

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: one year ago)

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

Browser/OS: Firefox 99 on Mac OS X 10.14

View result in a separate tab

Test name	Executions per second
lodash	17428.7 Ops/sec
Native JSON parse	19267.6 Ops/sec
Native deepClone	72046.7 Ops/sec

Lodash cloneDeep vs JSON parse+stringify vs native deepClone with large objects (version: 0)

Comparing performance of: lodash vs Native JSON parse vs Native deepClone

Created: one year ago by: Guest

Jump to the latest result

lodash

Native JSON parse

Native deepClone

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A