Как реализовать хранение JSON объекта внутри JSON?

Question

[Александр Панков]

Здравствуйте.
Такое дело, реализую корзину товаров на стороне клиента, использую localStorage
Соответственно храню
{артикул : количествоШтук}

Все это дело в localStorage['christGoods'] = тут ассоциативный массив должен быть...

Так вот в чем проблема, когда корзина пустая (нет ключа christGoods в localStorage), все оу, начинаю добавлять какой-то товар... НО как только я щелкая на добавление какого-то иного товара (с другим артикулом) я получаю ошибку..

Вот консоль пример:

Storage {christGoods: "{"007":1}", length: 1}
Storage {christGoods: "{"007":2}", length: 1}
Storage {christGoods: "{"007":3}", length: 1}
Storage {christGoods: "{"007":3}{"006":1}", length: 1}
Uncaught SyntaxError: Unexpected token {

Я понимаю что криво записываю JSON надо стремится вот так:

{
  "christGoods": {
    "001": "4",
    "005": "9"
  }
}

у меня лишние {}

Вот собственно и вопрос: Как организовать хранение в localStorage?
По клику добавляется(обновляется количество) в localStorage['christGood']

само же значение localStorage['christGood'] = должно иметь такой вид

{
    "001": "4",
    "005": "9"
  }

А у меня такой выходит тк функция JSON.stringify преобразуя новый объект(клик по кнопке создает объект(ассоциативный массив) с артикулом количеством) в формат JSON кавычки ставит всегда(а не надо бы..
у меня
christGoods: "{"007":3}{"006":1}"
надоchristGoods:{"007": "3","006": "1"}
Заранее благодарен за помощь!

Answer 1

[Damir Makhmutov]

Вы не правильно превращаете json в строку, или что-то около того.

Попробуйте вот это:

function addToCart(id, count) {
    var cart = localStorage.getItem('christGoods');
    cart = JSON.parse(cart) || {};
    cart[id] = cart[id] || 0;
    cart[id] += count;
    localStorage.setItem('christGoods', JSON.stringify(cart));
}

function getCart() {
    var cart = localStorage.getItem('christGoods');
    cart = JSON.parse(cart) || {};
    return cart;
}

Использовать так:

addToCart('001', 2);
getCart();
// Object {001: 2}

Это всего-лишь возможный пример реализации, но это работает :-)

Comments

[Александр Панков]

Спасибо буду отталкиваться от этого. Взять locslStotage - преобразовать в объект - с объектом поработать - преобразовать опять в строку(вот туту проблема тк sringlify не коректотввходит, или я не корректно массив составляю) - положить а locslStorage

[Damir Makhmutov]

JSON.stringify корректно работает. Главное передать корректный объект.

Answer 2

[Сергей Сергеев]

Json - должно быть все в двойных кавычках.

Comments

[Александр Панков]

Я это прекрасно понимаю, тут вроде бы нет проблем

Answer 3

[bromzh]

Кавычки экранируй

{
    "foo": "{\"inner\": [1, true, \"val\"]}",
    "bar": 2
}

Answer 4

[SagePtr]

localStorage может только строки содержать, потому перед помещением в него объект нужно сериализовать. Например, функцией JSON.stringify

Comments

[Александр Панков]

Так и делаю

[Александр Панков]

Результат в в вопросе, немного не такой результат получается..

[SagePtr]

Александр Панков: а какой результат ожидаете? JSON.stringify поступает просто - если значение поля числовое, оно в кавычки не берётся, если строковое - берётся. Имена ключей объекта всегда берутся в кавычки.

Answer 5

[Александр Панков]

...//получение(расчет) articul и count
new_goods[articul] = 1;
...
localStorage['christGoods'] = JSON.stringify(new_goods);