javascript - Javascript将对象放入数组中

我在使用Javascript时遇到了一些问题。我有一张酒瓶清单（超过100瓶），每一瓶都有不同的规格（价格、名称、酒精浓度等）。我想做一个简单和有组织的“数据库”每说。
如果我展示给你看，你也许会明白我要做的事情的要旨。

var tequila = [{name:"José",price:16.35,concen:"38",alctype:"blanco", quant:0},
{name:"El Jimador",price:22.45,concen:38,alctype:"blanco", quant:0},
{name:"Gran Centenario Plata Tequila",price:29.75,concen:38,alctype:"blanco", quant:0},
{name:"1800 Silver",price:31.25,concen:38,alctype:"blanco", quant:0},
{name:"Herradura",price:37.45,concen:38,alctype:"blanco", quant:0}
]
document.getElementById("fafa").innerHTML = tequila[3].price;

<p id="fafa"></p>

通过这个doc get elementtequila[3].price我想访问列表中第三瓶酒的价格。
不幸的是它不起作用。我一直在四处寻找，却找不到有类似问题的人。语法错误吗？
还是这个特性不存在于JavaScript中？
谢谢你抽出时间，我很感激你能给我的任何提示和建议。

最佳答案

代码运行良好。只需确保tequila具有数组类型而不是字符串，否则在访问该值之前需要执行JSON.parse(tequila)操作。

var tequila = [{name:"José",price:16.35,concen:"38",alctype:"blanco", quant:0},
{name:"El Jimador",price:22.45,concen:38,alctype:"blanco", quant:0},
{name:"Gran Centenario Plata Tequila",price:29.75,concen:38,alctype:"blanco", quant:0},
{name:"1800 Silver",price:31.25,concen:38,alctype:"blanco", quant:0},
{name:"Herradura",price:37.45,concen:38,alctype:"blanco", quant:0}
]
document.getElementById("fafa").innerHTML = tequila[3].price;

<p id="fafa"></p>