I possess a pair of items that require merging together while combining any overlapping key values in their properties

Question

I possess a pair of items that require merging together while combining any overlapping key values in their properties

I have a scenario where I need to merge two objects and concatenate strings if they have the same key.

obj1 = {
  name: 'John', 
  address: 'Cairo'
}

obj2 = {
  num : '1', 
  address: 'Egypt'
}

After merging, the resulting object should look like this:

merged = {name: "John", num: "1", address: "Cairo, Egypt"}

When using _.defaults(obj1, obj2) or _.merge(obj1, obj2), there's an issue with the address property as it gets overwritten by the value from obj2. Therefore, I'm looking for a way to merge the two objects while concatenating the address properties from each object.

javascript angular typescript ecmascript-6 lodash

Answer 1

Answer №1

Give this a try:

    function combineObjects(object1, object2) {
      let mergedObject = {
        ...object1,
        ...object2
      };
      Object.keys(object1).filter(key => object2.hasOwnProperty(key)).forEach((key) => {
        mergedObject[key] = object1[key] + "," + object2[key]
      })
      return mergedObject
    }

    object1 = {
      name: 'john',
      address: 'cairo'
    }

    object2 = {
      num: '1',
      address: 'egypt'
    }

    console.log(combineObjects(object1, object2))

Answer 2

Give this a try:

    function combineObjects(object1, object2) {
      let mergedObject = {
        ...object1,
        ...object2
      };
      Object.keys(object1).filter(key => object2.hasOwnProperty(key)).forEach((key) => {
        mergedObject[key] = object1[key] + "," + object2[key]
      })
      return mergedObject
    }

    object1 = {
      name: 'john',
      address: 'cairo'
    }

    object2 = {
      num: '1',
      address: 'egypt'
    }

    console.log(combineObjects(object1, object2))

Answer 3

Answer №2

If you want to avoid using lodash, you have the option to create your custom function for the task at hand. Here is a simple way to achieve that:

new Set - used to identify all unique keys from both input objects
for...of - employed to loop through the unique keys determined earlier

function mergeObjects(obj1, obj2) {
  let merged = {};
  for (const property of [...new Set([...Object.keys(obj1), ...Object.keys(obj2)])]) {
    if(obj1[property]) merged[property] = obj1[property];
    if(obj2[property]) merged[property] = merged[property] ? `${merged[property]}, ${obj2[property]}` : obj2[property];
  }
  return merged;
}

const obj1 = { name: 'john', address: 'cairo' };
const obj2 = { num: '1', address: 'egypt' };

const mergedObj = mergeObjects(obj1, obj2);
console.log(mergedObj);

Answer 4

If you want to avoid using lodash, you have the option to create your custom function for the task at hand. Here is a simple way to achieve that:

new Set - used to identify all unique keys from both input objects
for...of - employed to loop through the unique keys determined earlier

function mergeObjects(obj1, obj2) {
  let merged = {};
  for (const property of [...new Set([...Object.keys(obj1), ...Object.keys(obj2)])]) {
    if(obj1[property]) merged[property] = obj1[property];
    if(obj2[property]) merged[property] = merged[property] ? `${merged[property]}, ${obj2[property]}` : obj2[property];
  }
  return merged;
}

const obj1 = { name: 'john', address: 'cairo' };
const obj2 = { num: '1', address: 'egypt' };

const mergedObj = mergeObjects(obj1, obj2);
console.log(mergedObj);

Answer 5

Answer №3

def combineObjects(objectList):
    newObject = {}

    for obj in objectList:
        keys = obj.keys()
        for key in keys:
            if key in newObject:
                newObject[key] = newObject[key] + "," + obj[key]
            else:
                newObject[key] = obj[key]
                
    return newObject

obj1 = {name: 'Alice', city: 'New York'}
obj2 = {age: 25, city: 'Los Angeles'}

print(combineObjects([obj1, obj2]))

By using this technique, you can easily merge multiple objects!

Answer 6

def combineObjects(objectList):
    newObject = {}

    for obj in objectList:
        keys = obj.keys()
        for key in keys:
            if key in newObject:
                newObject[key] = newObject[key] + "," + obj[key]
            else:
                newObject[key] = obj[key]
                
    return newObject

obj1 = {name: 'Alice', city: 'New York'}
obj2 = {age: 25, city: 'Los Angeles'}

print(combineObjects([obj1, obj2]))

By using this technique, you can easily merge multiple objects!

Answer 7

Answer №4

You have the option to utilize _.mergeWith() for merging values of specific keys into arrays, and then apply _.mapValues() to convert those arrays into strings:

const { mergeWith, mapValues, uniq, join } = _;

const customFunction = (predicate, ...objects) => mapValues(
  // Merging the objects
  mergeWith(
    {}, 
    ...objects, 
    // Handling the keys that need unique merging
    (a = [], b = [], key) => predicate(key) ? a.concat(b) : undefined
  ),
  // Transforming the relevant keys' values into unique strings
  (value, key) => predicate(key) ? uniq(value).join(', ') : value
);

const object1 = { name: 'john', address: 'cairo' };
const object2 = { num : '1', address: 'egypt' };

const result = customFunction(key => key === 'address', object1, object2);

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Answer 8

You have the option to utilize _.mergeWith() for merging values of specific keys into arrays, and then apply _.mapValues() to convert those arrays into strings:

const { mergeWith, mapValues, uniq, join } = _;

const customFunction = (predicate, ...objects) => mapValues(
  // Merging the objects
  mergeWith(
    {}, 
    ...objects, 
    // Handling the keys that need unique merging
    (a = [], b = [], key) => predicate(key) ? a.concat(b) : undefined
  ),
  // Transforming the relevant keys' values into unique strings
  (value, key) => predicate(key) ? uniq(value).join(', ') : value
);

const object1 = { name: 'john', address: 'cairo' };
const object2 = { num : '1', address: 'egypt' };

const result = customFunction(key => key === 'address', object1, object2);

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

I possess a pair of items that require merging together while combining any overlapping key values in their properties

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Implement a Codeigniter model that utilizes JavaScript to insert an ID

links to css and javascript

Tips for prioritizing new data input at the top of the list

Modify the standard localStorage format

Managing Numerous Dropdown Menus: Techniques and Tips

Next.js: How to retrieve route parameter within getServerSideProps

The main content will be displayed on the sub-routes of the child

Is it possible to globally modify the component reference <dropdown-component> name in Angular during runtime in a dynamic manner?

What is the proper way to access object properties in EJS?

Struggling to make a form submit work with AngularJS and a Bootstrap datetime picker

Encountering the error message "Unable to connect to this site" while attempting to run Angular 8 using Docker Compose

Manipulate an object in Three.js using the ObjLoader functionality

What is the process to include an image file in a JSON object using PhoneGap?

Create an Array with a dynamic name derived from the values of other variables

What are some ways to display multiple divs within a single popup window?

The alignment of the 3D STL object is not adjusting properly when zooming in with Three.js

Guide to directing a user through an Ajax call to a particular Controller and action

Use JavaScript to identify and color the intersecting area of two triangles that overlap on a webpage

Tips for validating Enum Strings using the newest version of Joi?

Encountered an issue while integrating CKEditor 5 into a standalone Angular 17 application: "Error: window is