javascript get all key with values of an array of object as array

Question

How can I get all keys with values of an array of objects as an array?

For example I want to have all the src keys as array for an assetloader:

images = [
    {"name":"an image","src":"http://source.png"},
    {"name":"an image2","src":"http://source2.png"},
    {"name":"an image3","src":"http://source3.png"}
];

//the solution code here..

console.log(solution); 

// Output:
// ["http://source.png", "http://source.png2","http://source3.png"]

I can loop through the images array and push all the 'src' tags into the solution var, but I think this is not an good practise in terms of performance.

Also I can't use the original image.src tag, the assetloader is from an framework and accepts only an array with sources.

Why do you think that? And what kind of code do you expect a solution to show if not exactly what you describe? — Jon
– Jon, Commented Jul 14, 2014 at 13:20
Lets say I have an array of 10,000 images. I think that will draw performance to convert all the images to an array of images.src — Ismail
– Ismail, Commented Jul 14, 2014 at 13:21
@Ismail: Have you profiled it? No algorithm here is going to do better than O(n) because you have to hit every entry of images at some point. — Matt Burland
– Matt Burland, Commented Jul 14, 2014 at 13:24
Can't you just use the original images array instead of (partially) duplicating it? This should save the most of the overhead you worry about. — fast
– fast, Commented Jul 14, 2014 at 13:26
So 'scratch when itch': build the sources array as suggested here; there might be no actual performance issue as long as you have so few images that the assetloader can easily load them... ;-) — fast
– fast, Commented Jul 14, 2014 at 13:34

Mritunjay · Accepted Answer · 2014-07-14 13:23:35Z

4

you can use native map function for this.

var solution = images.map(function (img) {
    return img.src;
})
console.log(solution);

answered Jul 14, 2014 at 13:23

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

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

Comments

davidbilla · Accepted Answer · 2022-10-07 13:18:38Z

0

One liner for Mritunjay's answer

images.map((i) => i.src)

answered Oct 7, 2022 at 13:18

davidbilla

2,2321 gold badge22 silver badges28 bronze badges

Collectives™ on Stack Overflow

javascript get all key with values of an array of object as array

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