Question

我有一个对象数组：

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]}`
        }
      ];

我需要创建dinamically playlist对象数组，其中有songs个数组中的项目，而不直接指定它们，像这样的东西：

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

如何处理？我可以使用push或slice方法吗？

Answer 1

您已经知道map与您用来创建playlist

的内容相同

＆＃13;

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);

＆＃13;

Answer 2

＆＃13;

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

＆＃13;

Answer 3

您可以map覆盖song数组并动态获取playlist。

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

在Javascript中动态存储数组中的多个对象

3 个答案: