javascript - 制作一个包含多个音乐播放列表选项的数组

Question

我正在尝试使用该标签制作 HTML5 播放列表。我想将所有歌曲、它们的名称、描述等存储在一个数组中。不过我不知道如何很好地使用数组。

我现在的想法是:

var songBase = '/songs/'
var playlist = {};
playlist = {
                        'Bleeding Love'             :   'Bleeding_love.mp3',
                        'Don\'t Forget'             :   'Dont_forget.mp3',
                        'Finish'                    :   'Finish.mp3',
                        'In the Rain'               :   'In_the_rain.mp3',
                        'Ready to Fall'             :   'Ready_to_fall.mp3',
                        'Realize'                   :   'Realize.mp3',
                        'Righted All Your Wrongs'   :   'Righted_all_your_wrongs.mp3',
                        'These Walls'               :   'These_walls.mp3'
                    }

我真正需要做的是拥有两个以上的选择。我什至不知道如何从已有的数组中提取任何数据。

有什么想法吗？

Answer 1

从技术上讲，您在那里使用对象文字 ({})，而不是数组 ([])。

您可以使用对象文字数组来达到您的目的。

var playlist = [
  {
    name: "Bleeding Love",
    file_name: "Bleeding_love.mp3"
  },
  {
    name: "Don't Forget",
    file_name: "Dont_forget.mp3"
  }
]

然后您可以访问这些内容，例如:

playlist[1].file_name

或者循环:

for (var i=0; i<playlist.length; i++) {   # i is array index
  for (var k in playlist[i]) {            # k is the key
    console.log(k+': '+playlist[i][k]);
  }
}