Merge the last tree node into an Array using Lodash

user_977687 0
Viewed 171

Scenario:

const obj1 = {
  a: 100,
  b: 200,
  c: { c1: 100 }
}

const obj2 = {
  b: 250,
  c: { c1: 200 },
  d: { d1: { d1a: 400 } }
}

Desired result:

someMergeFn(obj1, obj2)

// Should return...

{
  a: [100],
  b: [200, 250],
  c: { c1: [100, 200] },
  d: { d1: { d1a: [400] } }
}

My attempt is below, but I couldn't get close to the desired result.

const obj1 = {
  a: 100,
  b: 200,
  c: { c1: 100 }
}

const obj2 = {
  b: 250,
  c: { c1: 200 },
  d: { d1: { d1a: 400 } }
}

const merged = _.mergeWith(
  obj1,
  obj2,
  (first, second) =>
    Array.isArray(first) ? first.push(second) : [first, second]
)

console.log(merged)
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>

lodash object merge arrays javascript
2 Answers

Start the merge with an empty object. This will prevent the mutation of the 1st object, and would start all values as empty, in which case we'll supply an empty array as the default value for first.

As long as the 2nd value is not an object (or array), we can assume that the 1st value is an array, and use spread (or concat) to combine them to a new array. If not, we return undefined so that _.mergeWith() would handle the merging of objects/arrays. 

const obj1 = {"a":100,"b":200,"c":{"c1":100}}
const obj2 = {"b":250,"c":{"c1":200},"d":{"d1":{"d1a":400}}}

const merged = _.mergeWith(
  {},
  obj1,
  obj2,
  (first, second) =>
    !_.isObject(second) ? [...(first || []), second] : undefined
)

console.log(merged)
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>

user_51574540

If not particular about lodash, Here is recursive approach with vanilla JS.

mergeTo method takes the target object to be merged and obj. Go thru object entries, check whether value is object or not. Hope this helps.

const obj1 = {
  a: 100,
  b: 200,
  c: { c1: 100 }
};

const obj2 = {
  b: 250,
  c: { c1: 200 },
  d: { d1: { d1a: 400 } }
};

const mergeTo = (target, obj) => {
  Object.entries(obj).forEach(([key, value]) => {
    if (typeof value === "object" && !Array.isArray(value)) {
      if (!target[key]) {
        target[key] = {};
      }
      mergeTo(target[key], obj[key]);
    } else {
      if (!target[key]) {
        target[key] = [];
      }
      target[key].push(value);
    }
  });
};

const output = {};
mergeTo(output, obj1);
mergeTo(output, obj2);

console.log(output);

user_78994770
Related