CODEWITHSUNDEEP
javascriptobjectjavascript-objectsconcatenation
SaadRH
SaadRH

Reputation: 150

Combine two Javascript Objects into one Object with same keys

I need help combining two objects with same keys into one object. I am getting these objects from an api request.

My first object:

var obj1 = {
RefinableString15: "Claims",
RefinableString16: "2123",
RefinableString17: "New York Cyberstate",
RefinableString19: "Global Property",
RefinableString20: "",
RefinableString21: "",
RefinableString22: "",
RefinableString23: "",
RefinableString24: "",
RefinableString25: ""
}

My second object:

var obj2 = {
RefinableString15: "",
RefinableString16: "",
RefinableString17: "",
RefinableString19: "",
RefinableString20: "Test",
RefinableString21: "Red",
RefinableString22: "Test",
RefinableString23: "Red",
RefinableString24: "Test",
RefinableString25: "Green"
}

I want it to look like this in the end:

{
RefinableString15: "Claims",
RefinableString16: "2123",
RefinableString17: "New York Cyberstate",
RefinableString19: "Global Property",
RefinableString20: "Test",
RefinableString21: "Red",
RefinableString22: "Test",
RefinableString23: "Red",
RefinableString24: "Test",
RefinableString25: "Green"
}

I have tried Object.assign, but it didn't work for my problem.

Upvotes: 1

Views: 1479

Answers (4)

Mister Jojo
Mister Jojo

Reputation: 22274

I have done this:

var obj1 = 
    { RefinableString15: "Claims"
    , RefinableString16: "2123"
    , RefinableString17: "New York Cyberstate"
    , RefinableString19: "Global Property"
    , RefinableString20: ""
    , RefinableString21: ""
    , RefinableString22: ""
    , RefinableString23: ""
    , RefinableString24: ""
    , RefinableString25: ""
    } 
var obj2 = 
    { RefinableString15: ""
    , RefinableString16: ""
    , RefinableString17: ""
    , RefinableString19: ""
    , RefinableString20: "Test"
    , RefinableString21: "Red"
    , RefinableString22: "Test"
    , RefinableString23: "Red"
    , RefinableString24: "Test"
    , RefinableString25: "Green"
    } 

    
const cleanObj = o => Object.entries(o).reduce((a,[k,v])=>{if(v!='') a[k]=v;return a}, {}) 
     
var obj3 = { ...obj1, ...cleanObj(obj2)  }

console.log ( obj3 )
.as-console-wrapper { max-height: 100% !important;  top: 0; }

Upvotes: 2

Siva Kondapi Venkata
Siva Kondapi Venkata

Reputation: 11001

Use forEach loop and build one object where values push only non empty strings.

var obj1 = {
  RefinableString15: "Claims",
  RefinableString16: "2123",
  RefinableString17: "New York Cyberstate",
  RefinableString19: "Global Property",
  RefinableString20: "",
  RefinableString21: "",
  RefinableString22: "",
  RefinableString23: "",
  RefinableString24: "",
  RefinableString25: ""
};

var obj2 = {
  RefinableString15: "",
  RefinableString16: "",
  RefinableString17: "",
  RefinableString19: "",
  RefinableString20: "Test",
  RefinableString21: "Red",
  RefinableString22: "Test",
  RefinableString23: "Red",
  RefinableString24: "Test",
  RefinableString25: "Green"
};

const res = {};
Object.keys(obj1).forEach(key => (res[key] = obj1[key] || obj2[key]));

console.log(res);

Upvotes: 1

Oleg Bondarenko
Oleg Bondarenko

Reputation: 1820

You need to clean up empty properties and merge two objects. Something like that 

  function clean(obj) {
            for (const propName in obj) {
                if (
                    obj[propName] === '' ||
                    obj[propName] === null ||
                    obj[propName] === undefined
                ) {
                    delete obj[propName];
                }
            }
            return obj;
        }
    const result = {...clean(obj1),...clean(obj2)};

Upvotes: 1

Ayush Gupta
Ayush Gupta

Reputation: 9285

var obj1 = {
  RefinableString15: "Claims",
  RefinableString16: "2123",
  RefinableString17: "New York Cyberstate",
  RefinableString19: "Global Property",
  RefinableString20: "",
  RefinableString21: "",
  RefinableString22: "",
  RefinableString23: "",
  RefinableString24: "",
  RefinableString25: ""
}

var obj2 = {
  RefinableString15: "",
  RefinableString16: "",
  RefinableString17: "",
  RefinableString19: "",
  RefinableString20: "Test",
  RefinableString21: "Red",
  RefinableString22: "Test",
  RefinableString23: "Red",
  RefinableString24: "Test",
  RefinableString25: "Green"
}

function merge(object1, object2) {
  const keys = Object.keys(object1);
  return keys.reduce((result, item) => {
    result[item] = object1[item] || object2[item];
    return result;
  }, {})
}

console.log(merge(obj1, obj2))

Upvotes: 2

Related Questions