Mapping array values in javascript object with fixed keys

Question

I want to create a javascript object such as below :

{
   {
    "Image" :  img_src,
    "Text" :   text
    },

}

I have two arrays

img_src = [ value1, value2, value3 ....... ]
text = [ text1, text2, text3 .......]

I want to map the values of these arrays in that object such that values of img_src is placed next to key "Image" and values of text is places next to key "Text" in the following manner:

{
   {
     "Image" : value1,
     "Text" : text1
   },
  {
     "Image" : value2,
     "Text" : text2
   },
  {
     "Image" : value3,
     "Text" : text3
   } 
}

and so on. I tried reading javascript documentation and tried all sort of things but I am unable to come up with a solution. Could someone kindly explain how can I achieve this?

you can use map and its index stackoverflow.com/questions/75992506/… — cmgchess
– cmgchess, Commented Apr 26, 2023 at 20:34
Does this answer your question? How to create an array of objects from multiple arrays — pilchard
– pilchard, Commented Apr 26, 2023 at 20:57

Egge · Accepted Answer · 2023-04-26 20:38:11Z

0

Either use a for loop to iterate over both arrays and construct an object from them or use the .map() function.

answered Apr 26, 2023 at 20:38

Egge

4504 silver badges9 bronze badges

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

Comments

soundslikeodd · Accepted Answer · 2023-04-26 20:40:01Z

0

I believe you want an array of objects as the output. If so, you can map over one of the arrays, ex. img_src, and use a combination of items and indexes to generate each combined object.

let combined = img_src.map((img, index) => ({Image: img, Text: text[index]}));

answered Apr 26, 2023 at 20:40

soundslikeodd

1,0833 gold badges20 silver badges33 bronze badges

Collectives™ on Stack Overflow

Mapping array values in javascript object with fixed keys

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related