How to loop over arrays to combine them into one JavaScript object?

Question

I have three arrays, "lender", "names", "pageNumbers":

var lender = [
    [
        { "name": "IFC", "amount": 50 },
        { "name": "ABC", "amount": 10 }
    ],
    [
        { "name": "DEF", "amount": 40 },
        { "name": "GHI", "amount": 100 }
    ]
]

var names = ["Gary", "Neil", "Luke", "Ben"]

var pageNumbers = [["page 0"], ["page 1"]]

I want to combine these three arrays into one JavaScript object that looks like this:

page 0 = {
    Gary = {
        financiers = {
            name = IFC
        }
    },
    Neil = {
        financiers = {
            name = ABC
        }
    }
}, page 1 = {
    Luke = {
        financiers = {
            name = DEF
        }
    },
    Ben = {
        financiers = {
            name = GHI
        }
    }
}

}

I thought looping over the arrays and assigning them to a predefined object would be the best way to do that:

  //Predefined Object
  var lenderObj = {
    "lenders": {
      [pageNumbers]:{
        [names]: {}
      }            
    }

 //Loop
  for (var j = 0; j < pageNumbers.length;j++) {   
    for (var i = 0; i < names.length; i++) {
      lenderObj.lenders[pageNumbers[j]] = {
        [names[i]]: {
          financiers:lender[j][i]
        }
      }
    }
  }

But I'm not getting the right result, seems to only give me the last name (Ben) and then NULL as the value for 'financiers'. I can't seem to see what is wrong with what I have written. Any help would be great. Thanks.

May I ask you why pageNumbers is a two-dimensional array? P.S. you are missing an = in var pageNumbers [["page 0"],["page 1"]] — secan
– secan, Commented Dec 4, 2020 at 11:51
Oops, thanks. pageNumbers is the result of another function that just gives it back multidimensional. I guess it doesn't have to be, if it easier not to be. — Ajay Ubhi
– Ajay Ubhi, Commented Dec 4, 2020 at 12:10

Nikhil Patil · Accepted Answer · 2020-12-04 12:12:31Z

2

Do it as below -

var lender = [
  [{
      "name": "IFC",
      "amount": 50
    },
    {
      "name": "ABC",
      "amount": 10
    }
  ],
  [{
      "name": "DEF",
      "amount": 40
    },
    {
      "name": "GHI",
      "amount": 100
    }
  ]
];

var names = ["Gary", "Neil", "Luke", "Ben"];

var pageNumbers = [
  ["page 0"],
  ["page 1"]
];
var lenderObj = {
  "lenders": {
  }
}

//Loop
var nameIterator = 0;
for(var i = 0; i < lender.length; i++) {
    lenderObj.lenders[pageNumbers[i]] = {};  
  var lenderItem = lender[i];
  for(var j = 0; j < lenderItem.length; j++) {
    lenderObj.lenders[pageNumbers[i]][names[nameIterator]] = {};
    lenderObj.lenders[pageNumbers[i]][names[nameIterator]].financiers = lenderItem[j];
    nameIterator++;
  }
}
console.log(lenderObj);

answered Dec 4, 2020 at 12:12

Nikhil Patil

2,5331 gold badge9 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Siva Kondapi Venkata · Accepted Answer · 2020-12-04 13:29:52Z

0

Using forEach and destructuring

var lender = [
  [
    { name: "IFC", amount: 50 },
    { name: "ABC", amount: 10 },
  ],
  [
    { name: "DEF", amount: 40 },
    { name: "GHI", amount: 100 },
  ],
];

var names = ["Gary", "Neil", "Luke", "Ben"];
var pageNumbers = [["page 0"], ["page 1"]];


const output = { lenders: {} };

pageNumbers.forEach(([page], pi) => {
  output.lenders[page] = {};
  lender[pi].forEach(
    ({ name }, li) =>
      (output.lenders[page][names[2 * pi + li]] = { financiers: { name } })
  );
});

console.log(output);

answered Dec 4, 2020 at 13:29

Siva Kondapi Venkata

11.1k2 gold badges20 silver badges32 bronze badges

Collectives™ on Stack Overflow

How to loop over arrays to combine them into one JavaScript object?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related