Copy values and keys from one array into another

Question

I have data that looks like this returning from an api

var data =   {
        "entities": [
            {

                "documentbody": Base64String,
                "filename": "http-status-code-cheat-sheet1.png",
                "filesize": 204326,
               "mimetype": "image/png",

            },
             {

                "documentbody": null,
                "filename": "http-status-code-cheat-sheet2221.png",
                "filesize": 204326,
                "mimetype": "image/png",
            }
        ]
    }

I would like to create a new array that looks like this

var images = [ 
{  imgsrc:(documentBodyValue),imgDesc:(fileNameValue)},
{imgsrc:(documentBodyValue),imgDesc:(fileNameValue)}
]

I have tried using the map function let result = data.entities.map(a => a.filename); but this only returns the values into a new array. How can i create a new array with different keys but values from the original array?

Gabriele Petrioli · Accepted Answer · 2019-08-15 20:01:31Z

4

Just return a new object from the map for each item.

let result = data.entities.map(a => ({imgsrc: a.documentbody, imgDesc: a.filename}));

answered Aug 15, 2019 at 20:01

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

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

1 Comment

Leonardo Wildt Over a year ago

I love javascript! This is so neat. Thank you for your response

junvar · Accepted Answer · 2019-08-15 20:01:14Z

3

Your attempt is almost correct. You can use {key: value, ...} syntax to map to an obj instead of values. E.g.:

var data = {
  "entities": [
    {

      "documentbody": 'Base64String',
      "filename": "http-status-code-cheat-sheet1.png",
      "filesize": 204326,
      "mimetype": "image/png",

    },
    {

      "documentbody": null,
      "filename": "http-status-code-cheat-sheet2221.png",
      "filesize": 204326,
      "mimetype": "image/png",
    }
  ]
};

let result = data.entities.map(a => ({imgsrc: a.documentbody, imgDesc: a.filename}));
console.log(result);

answered Aug 15, 2019 at 20:01

junvar

11.6k2 gold badges35 silver badges52 bronze badges

Comments

spooky · Accepted Answer · 2019-08-15 20:00:47Z

2

var images = []
data.entities.forEach(entry => {
    images.push({imgsrc: entry.documentbody, imgDesc: entry.filename})
})

answered Aug 15, 2019 at 20:00

spooky

1,6481 gold badge14 silver badges16 bronze badges

1 Comment

junvar Over a year ago

[].map is specifically intended for this situation, there's no reason to reinvent the wheel using forEach and push

Collectives™ on Stack Overflow

Copy values and keys from one array into another

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related