JavaScript：如何從多維數組中獲取值？

Question

我想從多維數組中獲取值。這是我迄今爲止所擁有的。
當我選擇數組中的第一個選項時，我需要99的值和圖像，例如「比利喬爾」。

var concertArray = [ 
    ["Billy Joel", "99", "equal.png"], 
    ["Bryan Adams", "89", "higher.png"], 
    ["Brian Adams", "25", "lower.png"] 
]; 

function populate(){ 
    for(i = 0; i < concertArray.length; i++){ 
     var select = document.getElementById("test"); 
     select.options[select.options.length] = new Option(concertArray[i][0], concertArray[i][1]); 
    } 
} 

Answer 1

99 =>concertArray[i][1] 圖像=>concertArray[i][2]

Answer 2

AFAIK，所述Option構造只需要兩個參數，文本和value。如果你想通過更多的數據，我建議你使用HTML5數據API：

var opt = new Option(concertArray[i][0], concertArray[i][1]); 
opt.setAttribute('data-image', concertArray[i][2]); 
select.options[select.options.length] = opt; 

然後你就可以抓住它使用getAttribute('data-image')

Answer 3

你可以嘗試將多維數組轉換爲對象的數組像這樣：

var concertArray = [ 
    {name: "Billy Joel", value: 99, image: "equal.png"}, 
    {name: "Bryan Adams", value: 89, image: "higher.png"}, 
    {name: "Brian Adams", value: 25, image: "lower.png"} 
]; 

然後你就可以訪問該項目數組中像普通對象：

var concertName = concertArray[0].name; 
var concertPrice = parseFloat(concertArray[0].value); 
var concertImage = concertArray[0].image; 

Answer 4

您可以使用2 for循環訪問值，如下所示。

var concertArray = [ 
    ["Billy Joel", "99", "equal.png"], 
    ["Bryan Adams", "89", "higher.png"], 
    ["Brian Adams", "25", "lower.png"] 
    ]; 

function populate(){ 
    for(i=0;i<arr.length;i++) 
    { 
     for(j=0;j<arr[i].length;j++) 
     { 
      console.log(arr[i][j]); 
     } 
    } 
}