Как правильно хранить и обрабатывать данные в JS?

Question

[Валера Удав]

На лендинге пишу калькулятор. В знаниях JS не очень силен.

При выборе пунктов выпадающего списка наша конечная комбинация должна вытаскивать данные с именем, значением стоимости и текстом. Как правильно оформить хранение и вывод этих данных? В голову приходит только перебирать все комбинации через условия, но по-моему это явно что-то из индусского. Желательно дать ответ с небольшим примером, спасибо!

Answer 1

[Денис Инешин]

Например у вас есть селект:

<select>
    <option value="dsp">ДСП</option>
    <option value="lmdf">ЛМДФ</option>
</select>

Заведите еще объект с данными:

var type_price = {
    dsp: 10,
    lmdf: 20
};

Теперь, при изменении значения селекта, просто читайте его value. Оно будет или "dsp" или "lmdf".
Чтобы получить цену на этот тип, достаточно будет запросить её такой инструкцией:

var val = select.value; // например "dsp"
var current_price = type_price[val];

И так же для всех остальных селектов.

Comments

[Андрей Гончаров]

Спасибо огромное, и мне пригодилось) Тоолько в последней строке получение цены надо так: var current_price = type_price.val;

[Денис Инешин]

Андрей Гончаров: нет не так. В type_price нет атрибута val.

[Андрей Гончаров]

Да, вы правы. Я в своем случае обращался к заранее заведенным атрибутам объекта. Пытался название атрибута в квадратные кавычки засунуть - не прокатило)

Answer 2

[Никита]

не забывайте про шикарную функцию data() через которую можно хранить все что угодно !