Combining objects by their values while retaining distinctive values within an array

Question

Combining objects by their values while retaining distinctive values within an array

I've been struggling to find a clean solution for merging two objects like the example below:

obj1 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE1"
}

obj2 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE2"
}

//I want to merge them to achieve the following output

obj3 = {
  key1: "ABC",
  key2: "123",
  key3: ["UNIQUE1", "UNIQUE2"]
}

I am looking for a way to keep unique values per key in an array. I have explored options like lodash but haven't found a suitable solution yet. Any guidance would be greatly appreciated!

javascript arrays object

Answer 1

Answer №1

To merge two objects and handle conflicts based on a condition, you can utilize the reduce function along with looping through the keys of obj1.

var obj1 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE1",
  key5: "4567",
  key7: "y",
  key8: "8y",
  key9: "yi89",
  key0: "dhdh64",
  key12: "dhdh64",
  key11: "dhdh64"
}

var obj2 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE2",
  key4: "1212",
  key6: "a",
  key7: "z",
  key11: "z"
}

var result = Object.keys(obj1).reduce((a, k) => {
  a[k] = obj2[k] === undefined || obj1[k] === obj2[k] ? obj1[k] : [obj1[k], obj2[k]];
  return a;
}, { ...obj1, ...obj2 });

console.log(result);

.as-console-wrapper {
  max-height: 100% !important
}

Resource

Array.prototype.reduce()

Answer 2

To merge two objects and handle conflicts based on a condition, you can utilize the reduce function along with looping through the keys of obj1.

var obj1 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE1",
  key5: "4567",
  key7: "y",
  key8: "8y",
  key9: "yi89",
  key0: "dhdh64",
  key12: "dhdh64",
  key11: "dhdh64"
}

var obj2 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE2",
  key4: "1212",
  key6: "a",
  key7: "z",
  key11: "z"
}

var result = Object.keys(obj1).reduce((a, k) => {
  a[k] = obj2[k] === undefined || obj1[k] === obj2[k] ? obj1[k] : [obj1[k], obj2[k]];
  return a;
}, { ...obj1, ...obj2 });

console.log(result);

.as-console-wrapper {
  max-height: 100% !important
}

Resource

Array.prototype.reduce()

Answer 3

Answer №2

To create a new object, you can utilize the mergeWith method and provide an empty object as the first parameter. Then, by comparing the values of two properties, you can generate an array based on the comparison result.

const obj1 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE1"
}

const obj2 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE2"
}

const result = _.mergeWith({}, obj1, obj2, function(a, b) {
  if (a === undefined) return b
  if (a != b) return [].concat(a, b)
})

console.log(result)

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

Answer 4

To create a new object, you can utilize the mergeWith method and provide an empty object as the first parameter. Then, by comparing the values of two properties, you can generate an array based on the comparison result.

const obj1 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE1"
}

const obj2 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE2"
}

const result = _.mergeWith({}, obj1, obj2, function(a, b) {
  if (a === undefined) return b
  if (a != b) return [].concat(a, b)
})

console.log(result)

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

Answer 5

Answer №3

To iterate through an object's key, you can use the for...in loop to compare whether the values are equal or not. Here is a sample code snippet:

var obj1 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE1"
}

var obj2 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE2"
}
var result={};
for(var property in obj1){
  if(obj1[property] == obj2[property]){
    result[property] = obj1[property];
  }
  else{
    var tempArray = []; 
    tempArray.push(obj1[property]); 
    tempArray.push(obj2[property]);
    result[property] = tempArray;
  }
}

console.log(result)

Answer 6

To iterate through an object's key, you can use the for...in loop to compare whether the values are equal or not. Here is a sample code snippet:

var obj1 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE1"
}

var obj2 = {
  key1: "ABC",
  key2: "123",
  key3: "UNIQUE2"
}
var result={};
for(var property in obj1){
  if(obj1[property] == obj2[property]){
    result[property] = obj1[property];
  }
  else{
    var tempArray = []; 
    tempArray.push(obj1[property]); 
    tempArray.push(obj2[property]);
    result[property] = tempArray;
  }
}

console.log(result)

Answer 7

Answer №4

When considering that specific scenario

result = {}

for(key in object1){
  result[key] = (object2[key] != object1[key])? [object1[key], object2[key]] :  object1[key]
}

Answer 8

When considering that specific scenario

result = {}

for(key in object1){
  result[key] = (object2[key] != object1[key])? [object1[key], object2[key]] :  object1[key]
}

Answer 9

Answer №5

Using the Object.keys method on obj1, we can compare its key-value pairs with those of obj2 and create a new object containing either the matching values or an array of both values. This reduces the need for manual comparison and increases efficiency in handling object properties.

Answer 10

Using the Object.keys method on obj1, we can compare its key-value pairs with those of obj2 and create a new object containing either the matching values or an array of both values. This reduces the need for manual comparison and increases efficiency in handling object properties.

Combining objects by their values while retaining distinctive values within an array

Answer №1

Resource

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

What benefits does invoking the .call() method on Observable functions offer?

The JScolor Color Picker has a slight misalignment

What is the best way to add a multiselect option in Django to display detailed information for each selected item

Retrieving data from a multi-dimensional array filled with xpath values

The request to http://localhost:3306/socket.io/?EIO=3&transport=polling&t=NQfLxAy encountered an invalid HTTP response, resulting in net::ERR

The jQuery.ajax function fails to trigger

Issue with setting correct typings in Typescript's tapAsync function

Creating a dynamic link in Vue JS is a cinch!

Removing the existing array of strings from a file in C# ASP.NET

Tips for incorporating 'and' in the 'on' clause of 'join' in knex.js

I am looking for the best way to sort my JSON data based on user roles before it is transmitted to the front end using Express and MongoDB. Any

Dynamically generate checkbox options based on dropdown menu selection

Mastering MongoDB update functions in JavaScript

Meteor: Form a fresh collection using a single attribute from a current collection

Error: The fetch API encountered an unexpected termination before completing the request

Is there a method in CSS Grids to wrap the implicit grid while employing grid-auto-flow: column?

Generate a hyperlink that directs to a page and triggers the expansion of an accordion section

Exploring the intricacies of v-bind in the context of v-for loops

What are some creative ways to reveal a concealed card through animation?

Is it secure to use ES6 in Typescript with nodejs/koa?