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

时间:2011-10-12 20:00:15

标签: javascript jquery arrays html5 audio

我正在尝试使用标记制作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'
                    }

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

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

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

您可以将对象文字数组用于您的目的。

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