獲得和指數顯示JavaScript對象

Question

var pdata = [{ Name: "Apples", Price: 1.99 },{ Name: "Bananas", Price: 2.45 }]; 

$('#add1').click(function() { 
     var selected = $('#produceList option:selected').index(); 

我有一個變量設置爲一個指標，我想並通過VAR選擇指數顯示JavaScript對象

Answer 1

HTML

<div class-'item'></div> 

JS

$('#add1').click(function() { 
     var selected = $('#produceList option:selected').index(), 
      item = pdata[selected]; 
     $('.item').html(item.Name + ', ' + item.Price); 
}); 

JSFIDDLE

Answer 2

如果你有索引，你只需做

pdata[index];

所以在你的榜樣

$('#add1').click(function() { 
    var index = $('#produceList option:selected').index(); 
    var selected = pdata[index]; 
}) 

假設您在問題中給出的代碼給出了所選項目的索引。

Answer 3

配對使用的是簡單的數組索引引用，所以你的值是：

pdata[0] ---> {Name="Apples", Price=1.99} 
pdata[1] ---> {Name="Bananas", Price=2.45} 

爲了獲取對象的特定屬性，你需要使用屬性的名稱，所以你的價值觀是：

pdata[0].Name ---> "Apples" 
pdata[0].Price ---> 1.99 
pdata[1].Name ---> "Bananas" 
pdata[1].Price ---> 2.45 

因此，訪問所需的信息，你會一旦檢索到索引，請使用pdata[index].Name和pdata[index].Price。