获得和指数显示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。