получения и отображения объектов JavaScript по индексу

Question

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

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

У меня есть набор переменных для индекса, и я хочу, чтобы получить и отобразить объектов 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, как только вы получите индекс.