How can new objects be placed in an array as values?

Question

Now I'm trying to add photos in my app.

For example, if there is one picture, the key is img_no_1, and the value is getting through the backend.

if can put up to 10 pictures, how can make img_no + number(The number of images.) according to the number of pictures?

I want to make a Array like imageList.

If there are five pictures,

const image_no = [145, 331, 392, 2, 39];
const imageList = [];


--------------------------------------------------------
imageList = [{
             img_no_1: 145,
             img_no_2: 331,
             img_no_3: 392,
             img_no_4: 2,
             img_no_5: 39
     }];

Thanks for your attention.

I would suggest using map and then Object.fromEntries.

evolutionxbox
– evolutionxbox

2022-03-09 10:13:28 +00:00
Commented Mar 9, 2022 at 10:13 — evolutionxbox
– evolutionxbox, Commented Mar 9, 2022 at 10:13

evolutionxbox · Accepted Answer · 2022-03-09 10:27:26Z

2

Here is a very naive example using map and then Object.fromEntries:

use map to return an array of array values in the shape ["key", "value"]
Convert this array of arrays into an object using Object.fromEntries

const image_no = [145, 331, 392, 2, 39];
const imageList = [Object.fromEntries(
  image_no.map((num, i) => [
    `img_no_${i+1}`,
    num
  ])
)];

console.log(imageList)

If image_no is an array of image numbers:

const image_nos = [
  [145, 331, 392, 2, 39],
  [145, 331, 392, 2, 39]
];
const imageList = image_nos.map(image_no => Object.fromEntries(
  image_no.map((num, i) => [
    `img_no_${i+1}`,
    num
  ])
));

console.log(imageList)

edited Mar 9, 2022 at 10:27

answered Mar 9, 2022 at 10:15

evolutionxbox

4,1426 gold badges41 silver badges59 bronze badges

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

3 Comments

HongCoder Over a year ago

Cuz that array can be multiple as [{img_no_1: xx},{img_no_1: xx, img_no_2: xx}]

evolutionxbox Over a year ago

I've added an example for a multiple variant.

Cat Over a year ago

Nice. I was going to comment on a previous version of this answer to suggest using computed property names (developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…), but I see my help is not needed here :)

Collectives™ on Stack Overflow

How can new objects be placed in an array as values?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related