How to combine two arrays into an array of objects? [duplicate]

Question

I have two lists,

l1= ["apple","banana","grape"]
l2 = ["red","yellow","black"]

How to make a list of this type? (a list of objects)

l3 = [
   {fruit:"apple",colour:"red"},
   {fruit:"banana",colour:"yellow"},
   {fruit:"grape",colour:"balack"}
]

I tried something like this, but the output is not what I expected:

let l3 = [];
let Obj = {};
for (let l = 0;l<l1.length;l++) {
    Obj = {};
    for (h=0;h<l2.length;h++) {
        Obj["fruit"] = l1[h];
        Obj["colour"] = l2[h];
    }
    l3.push(Obj);
}
return l3;

JakeAve · Accepted Answer · 2022-02-19 00:10:28Z

4

You can use .map.

const l1 = ["apple", "banana", "grape"];
const l2 = ["red", "yellow", "black"];
const l3 = l1.map((fruit, index) => ({ fruit, color: l2[index] }));

answered Feb 19, 2022 at 0:10

JakeAve

3963 silver badges9 bronze badges

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

Comments

Barmar · Accepted Answer · 2022-02-19 00:09:40Z

2

You only need one loop, not nested loops.

for (let i = 0; i < l1.length; i++) {
    l3.push({fruit: l1[i], colour: l2[i]});
}

answered Feb 19, 2022 at 0:09

Barmar

789k57 gold badges554 silver badges669 bronze badges

Collectives™ on Stack Overflow

How to combine two arrays into an array of objects? [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related