CODEWITHSUNDEEP
javascriptarraysobject
mattts
mattts

Reputation: 352

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 = ['John', 'Doe', '[email protected]'],
newVals = ['Jo','Do','[email protected]'];

The new object should be as :

{
 "firstName": {
    "oldValue": "John",
    "newValue": "Jo"
 },
 "lastName": {
    "oldValue": "John",
    "newValue": "Do"
 },
 "email": {
    "oldValue": "[email protected]",
    "newValue": "[email protected]"
 }
}

Thanks in advance.

Upvotes: 0

Views: 1263

Answers (5)

Bassam Rubaye
Bassam Rubaye

Reputation: 302

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

var fields = ['firstName', 'lastName', 'email'],
oldVals = ['John', 'Doe', '[email protected]'],
newVals = ['Jo','Do','[email protected]'];


function createCustomObj(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/

Upvotes: 0

Nina Scholz
Nina Scholz

Reputation: 386654

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

var fields = ['firstName', 'lastName', 'email'],
    oldVals = ['John', 'Doe', '[email protected]'],
    newVals = ['Jo', 'Do', '[email protected]'],
    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>');

Upvotes: 1

Jagdish Idhate
Jagdish Idhate

Reputation: 7742

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;
},{});

Upvotes: 3

Anil Kumar
Anil Kumar

Reputation: 124

A property can be created dynamically thus: 

objectName[propertyVariable] = valueVariable;

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

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

Upvotes: 0

Paarth
Paarth

Reputation: 10377

// 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]
    }
}

Upvotes: 6

Related Questions