Skip to content Skip to sidebar Skip to footer

Create Object From Three Arrays

A little bit stuck on the following scenario. I have three arrays, and using the arrays would like to create a new object. var fields = ['firstName', 'lastName', 'email'], oldVals

Solution 1:

// first check that your arrays are actually all the same length. Then...var obj = {};
for(var i=0;i<fields.length;i++) {
    obj[fields[i]] = {
        oldValue: oldVals[i],
        newValue: newVals[i]
    }
}

Solution 2:

Assuming lengths are same, Using reduce function of array

fields.reduce(function(res,x,index){
  res[x] = { 
   oldValue:oldVals[index],
   newValue:newVals[index]
   }
  return res;
},{});

Solution 3:

A proposal with Array#forEach and some arrays for dynamic generation of the object.

var fields = ['firstName', 'lastName', 'email'],
    oldVals = ['John', 'Doe', 'doe@mail.com'],
    newVals = ['Jo', 'Do', 'jo@mail.com'],
    object = function (array, keys1, keys2) {
        var r = {};
        keys1.forEach(function (k1, i) {
            r[k1] = r[k1] || {};
            keys2.forEach(function (k2, j) {
                r[k1][k2] = array[j][i];
            });
        });
        return r;
    }([oldVals, newVals], fields, ['oldVals', 'newVals']);

document.write('<pre>' + JSON.stringify(object, 0, 4) + '</pre>');

Solution 4:

A property can be created dynamically thus:

objectName[propertyVariable] = valueVariable;

So in the present case something like this would do the trick.

varobject1= {};object1[fields[0]]= { oldValue:oldVals[0], newValue:newVals[0] } 

Solution 5:

I wanted to add this solution , which will encapsulate it in a method, like this :

var fields = ['firstName', 'lastName', 'email'],
oldVals = ['John', 'Doe', 'doe@mail.com'],
newVals = ['Jo','Do','jo@mail.com'];


functioncreateCustomObj(fields , oldVals, newVals){
var obj={};

    fields.forEach( function(f, i){
        obj[f]={};
    obj[f]['oldValue']= oldVals[i];
    obj[f]['newValue']= newVals[i];
});

return obj;

};

console.log(createCustomObj(fields, oldVals, newVals));

https://jsfiddle.net/x54b0rhk/

Post a Comment for "Create Object From Three Arrays"