Javascript положить объект внутри массивов

Question

У меня проблемы с использованием 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>

Делая этот документ-элемент get tequila[3].price Я хочу получить доступ к цене третьей бутылки в списке.

К сожалению, это не работает.Я искал вокруг, и я не мог найти человека, у которого была эта подобная проблема.Синтаксис неправильный?Или эта функция не существует в Javascript?

Спасибо за ваше время, я ценю любые советы и подсказки, которые вы могли бы дать мне.

Answer 1

Поскольку индекс массива начинается с 0., тогда вы должны сделать tequila[2].price для получения 3-й цены за бутылку.

Answer 2

Это опечатка, вы ошиблись ценой на prix

Answer 3

Попытка использовать вот так

Object(tequila[3].price)

Answer 4

Код работает хорошо.Просто убедитесь, что 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>