Dynamically store multiple objects in array in Javascript

Question

I have an array of objects:

const song = songs.map(song => song.title);

const playlist = [
        {
          url: `/music/${song[0]}.mp3`,
          title: `${song[0]}`
        },
        {
          url: `/music/${song[1]}.mp3`,
          title: `${song[1]}`
        },
        {
          url: `/music/${song[2]}.mp3`,
          title: `${song[2]}`
        }
      ];

I need to create dinamically playlist array of objects with as many items are in songs array without specifying them directly, something like this:

const playlist = [
    {
      url: `/music/${song}.mp3`,
      title: `${song}`
    }
];

How to approach this? Can i use push or slice methods?

Your question is not entirely clear. Are you trying to build up playlist with as many items are in song array without specifying them directly? — Jamiec
– Jamiec, Commented Jan 11, 2018 at 9:57
Yes. I want create playlist array of objects with as many items are in songs array without specifying them directly. — user1990
– user1990, Commented Jan 11, 2018 at 9:59

Jamiec · Accepted Answer · 2018-01-11 10:15:55Z

3

You already know about map that's the same as you'd use to create your playlist

const song = ["Title1","Title2"] // result of songs.map(song => song.title);

const playlist = song.map(title => ({
   url: `/music/${title}.mp3`,
    title: `${title}`
}));

console.log(playlist);

edited Jan 11, 2018 at 10:15

answered Jan 11, 2018 at 10:01

Jamiec

136k15 gold badges141 silver badges202 bronze badges

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

1 Comment

user1990 Over a year ago

Thanks, simple and clear. Accepted this answer as correct.

Rohit Agrawal · Accepted Answer · 2018-01-11 10:01:30Z

0

You can map over the song array and get playlist dynamically like this.

const playlist = song.map( s => ({
      url: `/music/${s}.mp3`,
      title: `${s}`
    });
);

answered Jan 11, 2018 at 10:01

Rohit Agrawal

1,52111 silver badges21 bronze badges

Comments

Rohit Agrawal · Accepted Answer · 2018-01-11 10:21:43Z

0

const arr = ['song1', 'song2']
const newArr = []

arr.forEach(song => {
  newArr.push({
    url: `/music/${song}.mp3`,
    title: `${song}`
  })
});
console.log(newArr);

edited Jan 11, 2018 at 10:21

Rohit Agrawal

1,52111 silver badges21 bronze badges

answered Jan 11, 2018 at 10:01

Matt Greenberg

2,3301 gold badge18 silver badges29 bronze badges

Collectives™ on Stack Overflow

Dynamically store multiple objects in array in Javascript

3 Answers 3

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Related