Создание многопользовательского объекта JSON в localstorage

Question

Я новичок в работе с JSON и localStorage.

Я пытаюсь создать небольшую клиентскую «корзину», которая хранит productID в моем местном хранилище под заголовком cart.

В настоящее время мой cart элемент localStorage перезаписывается новым productID вместо добавления productID в качестве нового элемента. Конечно, объект тележки должен иметь возможность принимать несколько элементов.

Вот мой codepen: http://codepen.io/franhaselden/pen/regVgj

Моя addToCart функция очень проста, но я бы не добавляя правильную структуру JSON. Я запутался над тем, что структура JSON должна быть в этом случае, когда добавляются несколько элементов, но ключ такой же (productID)

function addToCart(productID) { 
    localStorage.setItem('cart', JSON.stringify(productID)); 
} 

Answer 1

Использование массива:

function addToCart(productID) { 
    // Get stored array, if it's not set, it should be set to an empty array 
    var basket = localStorage.getItem('cart'); 
    basket = basket ? JSON.parse(basket) : []; 

    basket.push(productID); 
    localStorage.setItem('cart', JSON.stringify(basket)); 
}