Сделать массив с несколькими опциями для музыкального плейлиста

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'
                    }

Что мне действительно нужно, это иметь больше, чем2 варианта.Я также даже не знаю, как извлечь какие-либо данные из массива, который у меня уже есть.

Есть идеи?

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