merge two javascript object having a common array but contains different value

Question

var state1 = {
"up":{"name":"Uttar Pradesh","district":{"saharanpur":{"name":"Saharanpur","tehsil":{"behat":{"name":"Behat","village":["Alliwala"]}}}}}
};

var state2 = {
"up":{"name":"Uttar Pradesh","district":{"saharanpur":{"name":"Saharanpur","tehsil":{"behat":{"name":"Behat","village":["sachin"]}}}}}
};

result must be:

result = {
"up":{"name":"Uttar Pradesh","district":{"saharanpur":{"name":"Saharanpur","tehsil":{"behat":{"name":"Behat","village":["Alliwala","sachin"]}}}}}
};

in the scenario i don't know the content of the state1 object and if the object1 having key same like object2 present then it should push only the array value of state2 into state1 array

I know the answer will involve using `JSON.parse()` and then the real question is how to merge the 2 objects and finally using `JSON.stringify()` to present your result. — jmbmage, Mar 06 '17 at 16:51
What did you try? All you need to know is how to write a loop and access an object variable. — laurent, Mar 06 '17 at 16:52
[Take a look at this](http://stackoverflow.com/questions/171251/how-can-i-merge-properties-of-two-javascript-objects-dynamically) — jmbmage, Mar 06 '17 at 16:59
var state2 = { "up":{"name":"Uttar Pradesh","district":{"saharanpur":{"name":"Saharanpur","tehsil":{"behat":{"name":"Behat","village":["Alliwala"]}}}}} }; var state1 = { "up":{"name":"Uttar Pradesh","district":{"saharanpur":{"name":"Saharanpur","tehsil":{"behat":{"name":"Behat","village":["sachin"]}}}}} } result must be result = { "up":{"name":"Uttar Pradesh","district":{"saharanpur":{"name":"Saharanpur","tehsil":{"behat":{"name":"Behat","village":["sachin"]}}},"alhabad":{"name":"Alhabad","tehsil":{"rampur":{"name":"Rampur","village":["firozpur"]}}}}} } — Sachin Kalonia, Mar 06 '17 at 17:04

score 0 · Answer 1 · answered Mar 06 '17 at 16:57

0

You could do something like

var finalState = combineArrays(state2,state1);


function combineArrays(array1,array2){
    var finalArray = [];
    for (var i = 0, len = array1.length; i < len; i++) {
      finalArray.push([array1[i][0], array2[i][0]]);
    }
    return finalArray;
}

answered Mar 06 '17 at 16:57

Theodore DaBeast

1

state2 and state1 are not array they are object so we can't use array.length in this and moreover it gives us wrong result – Sachin Kalonia Mar 06 '17 at 17:24

Nina Scholz · Accepted Answer · 2017-03-06T17:43:15.210

You could generate a new object and append arrays with the items from the already inserted array.

function deepMerge(source, target) {
    Object.keys(source).forEach(function (k) {
        if (Array.isArray(source[k])) {
            if (!Array.isArray(target[k])) {
                target[k] = [];
            }          
            target[k] = target[k].concat(source[k]);
            return;
        }
        if (source[k] && typeof source[k] === 'object') {
            target[k] = target[k] || {};
            deepMerge(source[k], target[k]);
            return;
        }
        target[k] = source[k];
    });
}

var state1 = { up: { name: "Uttar Pradesh", district: { saharanpur: { name: "Saharanpur", tehsil: { behat: { name: "Behat", village: ["Alliwala"] } } } } } },
    state2 = { up: { name: "Uttar Pradesh", district: { saharanpur: { name: "Saharanpur", tehsil: { behat: { name: "Behat", village: ["sachin"] } } } } } },
    result = {};

deepMerge(state1, result);
deepMerge(state2, result);

console.log(result);

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

merge two javascript object having a common array but contains different value

2 Answers2