Benchmark: Deep merge lodash vs ramda vs deepmerge vs es-toolkit vs deepMergeRightOnPlace #2

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/es-toolkit/dist/browser.global.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lodash.merge/index.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ramda/dist/ramda.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/deepmerge/dist/umd.min.js"></script>

Script Preparation code:

function isObject(x) { return Object.prototype.toString.call(x) === '[object Object]';}

function deepMergeRightOnPlace(target, source) {
  for (const key in source) {
    if (source.hasOwnProperty(key)) {
      const sourceVal = source[key];
      const targetVal = target[key];

      if (
        isObject(sourceVal) && isObject(targetVal)
      ) {
        // Рекурсивное объединение вложенных объектов
        deepMergeRightOnPlace(targetVal, sourceVal);
      } else {
        // Перезапись значения
        target[key] = sourceVal;
      }
    }
  }

  return target;
}

function deepMergeRightOnPlace2(ref, source) {
  const keys = Object.keys(source);
  for (let i = 0; i < keys.length; i += 1) {
    const key = keys[i];

    if (source.hasOwnProperty(key)) {
      const sourceVal = source[key];
      const targetVal = ref[key];

      if (isObject(sourceVal) && isObject(targetVal)) {
        deepMergeRightOnPlace2(targetVal, sourceVal);
      } else {
        ref[key] = sourceVal;
      }
    }
  }
};

function deepMergeRightOnPlace3(target, source) {
  for (const key in source) {
    if (!source.hasOwnProperty(key)) continue;

    const sourceValue = source[key];
    const targetValue = target[key];

    if (
      sourceValue != null &&
      typeof sourceValue === 'object' &&
      !Array.isArray(sourceValue) &&
      targetValue != null &&
      typeof targetValue === 'object' &&
      !Array.isArray(targetValue)
    ) {
      deepMergeRightOnPlace3(targetValue, sourceValue);
    } else {
      target[key] = sourceValue;
    }
  }
}

function deepMergeRightOnPlace4(target, source) {
  const keys = Object.keys(source);
  for (let i = 0; i < keys.length; i++) {
    const key = keys[i]
    if (!source.hasOwnProperty(key)) continue;

    const sourceValue = source[key];
    const targetValue = target[key];

    if (
      sourceValue != null &&
      typeof sourceValue === 'object' &&
      !Array.isArray(sourceValue) &&
      targetValue != null &&
      typeof targetValue === 'object' &&
      !Array.isArray(targetValue)
    ) {
      deepMergeRightOnPlace4(targetValue, sourceValue);
    } else {
      target[key] = sourceValue;
    }
  }
}

var obj1 = {
  aa: ["1", "2", "3"],
  a: "l1",
  b: "l2",
  c: "l3",
  d: "l4",
  e: {
    ea: [
      { eaa: "l111", eab: "l1111" },
      { eaa: "l222", eab: "l2222" },
      { eaa: "l333", eab: "l3333" },
    ],
    eb: "leb",
    ec: {
      eca: "leca",
      ecb: "lecb",
    },
  },
  f: [
    { fa: "l001", fb: "l001" },
    { fa: "l002", fb: "l002" },
    { fa: "l003", fb: "l003" },
  ],
};

var obj11 = {
  aa: ["1", "2", "3"],
  a: "l1",
  b: "l2",
  c: "l3",
  d: "l4",
  e: {
    ea: [
      { eaa: "l111", eab: "l1111" },
      { eaa: "l222", eab: "l2222" },
      { eaa: "l333", eab: "l3333" },
    ],
    eb: "leb",
    ec: {
      eca: "leca",
      ecb: "lecb",
    },
  },
  f: [
    { fa: "l001", fb: "l001" },
    { fa: "l002", fb: "l002" },
    { fa: "l003", fb: "l003" },
  ],
};

var obj12 = {
  aa: ["1", "2", "3"],
  a: "l1",
  b: "l2",
  c: "l3",
  d: "l4",
  e: {
    ea: [
      { eaa: "l111", eab: "l1111" },
      { eaa: "l222", eab: "l2222" },
      { eaa: "l333", eab: "l3333" },
    ],
    eb: "leb",
    ec: {
      eca: "leca",
      ecb: "lecb",
    },
  },
  f: [
    { fa: "l001", fb: "l001" },
    { fa: "l002", fb: "l002" },
    { fa: "l003", fb: "l003" },
  ],
};

var obj13 = {
  aa: ["1", "2", "3"],
  a: "l1",
  b: "l2",
  c: "l3",
  d: "l4",
  e: {
    ea: [
      { eaa: "l111", eab: "l1111" },
      { eaa: "l222", eab: "l2222" },
      { eaa: "l333", eab: "l3333" },
    ],
    eb: "leb",
    ec: {
      eca: "leca",
      ecb: "lecb",
    },
  },
  f: [
    { fa: "l001", fb: "l001" },
    { fa: "l002", fb: "l002" },
    { fa: "l003", fb: "l003" },
  ],
};

var obj2 = {
  a: "r1",
  c: "r3",
  e: {
    ea: [
      { eaa: "r111", eab: "r1111" },
      { eaa: "r222", eab: "r2222" },
    ],
    ec: {
      eca: "reca",
      ecc: "recc",
    },
  },
  f: [{ fa: "r001", fb: "r001" }],
  g: {
    ga: "ga",
  },
};

Tests:

Ramda.mergeDeepRight
R.mergeDeepRight(obj1, obj2)
Lodash.merge
merge(obj1, obj2)
deepmerge
deepmerge(obj1, obj2)
es-toolkit merge
_.merge(obj1, obj2)
deepmergeRightOnPlace
deepMergeRightOnPlace(obj1, obj2)
deepMergeRightOnPlace2
deepMergeRightOnPlace2(obj11, obj2)
deepMergeRightOnPlace3
deepMergeRightOnPlace3(obj12, obj2)
deepMergeRightOnPlace4
deepMergeRightOnPlace4(obj13, obj2)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Ramda.mergeDeepRight
Lodash.merge
deepmerge
es-toolkit merge
deepmergeRightOnPlace
deepMergeRightOnPlace2
deepMergeRightOnPlace3
deepMergeRightOnPlace4

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 5 months ago)

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

Browser/OS: Chrome 142 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Ramda.mergeDeepRight	1576799.6 Ops/sec
Lodash.merge	412043.2 Ops/sec
deepmerge	48683.0 Ops/sec
es-toolkit merge	82786.0 Ops/sec
deepmergeRightOnPlace	3602432.5 Ops/sec
deepMergeRightOnPlace2	2708472.2 Ops/sec
deepMergeRightOnPlace3	6003050.0 Ops/sec
deepMergeRightOnPlace4	3478953.8 Ops/sec

Related benchmarks:

Deep merge lodash vs ramda vs deepmerge vs es-toolkit vs deepMergeRightOnPlace #2 (version: 1)

Comparing performance of: Ramda.mergeDeepRight vs Lodash.merge vs deepmerge vs es-toolkit merge vs deepmergeRightOnPlace vs deepMergeRightOnPlace2 vs deepMergeRightOnPlace3 vs deepMergeRightOnPlace4

Created: 5 months ago by: Guest

Jump to the latest result

Ramda.mergeDeepRight

Lodash.merge

deepmerge

es-toolkit merge

deepmergeRightOnPlace

deepMergeRightOnPlace2

deepMergeRightOnPlace3

deepMergeRightOnPlace4

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A