Корзина на JS

[art201214 0]

Здравствуйте, товарищи

Пытаюсь написать корзину, так сказать на native js, и пока слабо представляю как это сделать. Возможно, кто-то сможет хотя бы словесно меня направить в нужное русло. У меня есть некоторые замыслы, они описаны в конце

Есть страница товара (на каждый товар отдельно) и страница корзины отдельно (скрины страниц приложены). Предполагается хранить "корзину" в localstorage.

Со страницы товара нужно вытянуть изображение, название, цену, выбранный цвет и размер. Соответственно, после нажатия кнопки "add to bag" товар должен отобразиться на странице корзины. Если товар с такими же параметрами уже есть в хранилище, нужно увеличить счетчик этого товара в корзине на 1, по клику на "remove item" - уменьшить на 1. Клик по "empty bag" - очистить корзину. Так же нужно подсчитать сумму всех товаров и их количество. 

Скрытый текст

 Товар

Корзина

У меня пока что возникают такие идеи: 

- Для каждого товара по нажатию на кнопку "add" создавать объект, в качестве свойств и сделать изображение(путь к нему), название, цену, выбранный цвет и размер.

- После пройтись по объектам и сравнить свойства только созданного с имеющимися (если уже имеется такой же объект добавить к счетчику, если нет - добавить новый товар в корзину). В этом пункте мне более всего нужны советы, т.к. не представляю как это сейчас сделать

- Как собрать сумму покупок пока что тоже слабо понимаю

- Как удалить один экземпляр товара (уменьшить счетчик товара на 1, если он до этого был =1 - удалить товар (как удалить товар в таком случае - не соображу))

 

Буду благодарен за любые советы и помощь

Изменено 15 августа, 2016 пользователем art201214

[by chris 89]

Вряд ли, кто-то будет описывать весь алгоритм. В общих чертах верно, но каждый товар должен иметь идентификатор. И пусть все товары хранятся в одном объекте в котором ключом будет айди, а значениями поля товара... Объект храним в локальном хранилище в формате json. Для любых изменений берем строку из хранилища парсим в объект, изменяем, преобразовываем в json, очищаем хранилище, пишем новую строку в хранилище.

12 часа назад, art201214 сказал:

- После пройтись по объектам и сравнить свойства только созданного с имеющимися (если уже имеется такой же объект добавить к счетчику, если нет - добавить новый товар в корзину). В этом пункте мне более всего нужны советы, т.к. не представляю как это сейчас сделать

Проитерировать по объекту, если айди товара совпадает с ключом - тело условия...

12 часа назад, art201214 сказал:

- Как собрать сумму покупок пока что тоже слабо понимаю

Проитерировать по каждому товару в объекте , внутри товара обращаться к нужному ключу и производить сложение в переменную.

12 часа назад, art201214 сказал:

- Как удалить один экземпляр товара (уменьшить счетчик товара на 1, если он до этого был =1 - удалить товар (как удалить товар в таком случае - не соображу))

Обратиться к объекту по айди товара. Если такой ключ есть и свойство quantity больше одного - декрементировать свойство quantity, иначе если такой ключ есть и свойство quantity равно одному удалить объект по id.