Как вывести id из localstorage?

Question

[mix12345]

имеется json объект в котором хранятся данные

0032pz: { 
sbId: "0032pz"
sbImg: "smartbasket/img/pizza.png"
sbName: "Пицца «Ветчина и грибы»"
sbPrice: 320
sbPriceCommon: 320
sbQuantity: "1"
sbSize: "32"
}

есть кнопка

<button class="product__add-to-cart-button"  data-sb-id-or-vendor-code="005" data-sb-product-name="Iphone 4" data-sb-product-price="7000" data-sb-product-quantity="1" data-sb-product-img="smartbasket/img/iphone-4.png"><i class="fas fa-cart-plus"></i><span></span>
</button>

как проверить в локальном хранилище есть такой id или нет? если такой id есть то присвоить данной кнопке цвет красный

пробовал такую проверку сделать, но постоянно выдает результат включен даже если объект пустой

var cart = localStorage.getItem('basketItems') || {};
console.log(cart);
if (cart)
{
  alert('включен')
} else {
alert('отключен')
}

Answer 1

[vadimMalovaniy]

Потому что {} всегда равно true.

var cart = localStorage.getItem('basketItems') || null;

так должно работать.

Comments

[mix12345]

работает если и ключа и значения нет, а если есть ключ, но он пустой то опять постоянно пишет включено и если в ключе есть значения, тоже пишет включено

[vadimMalovaniy]

mix12345, Когда пустой ключ, что в console.log(cart)?

[mix12345]

vadimMalovaniy, когда стираю вручную ключ из локального хранилища, то пишет отключено.
А когда ключ хранится в локальном хранилище выдает включено, но если ключ будет пустой (пустой объект) и в и в console.log выводит так {} то все равно пишет включено.
А нужно чтоб было так, если в объекте есть sbId, то выдает включено, если данного sbId нет, то отключено

[vadimMalovaniy]

Ну потому что {} равно true. Пустой объект всегда будет true. Тебе нужно менять логику. Сделай функцию isObjEmpty() которая будет проверять пустой объект или нет. Если пустой возвращать false. Или просто проверять какое то свойство в объекте. Например:

var cart = localStorage.getItem('basketItems') || {};
console.log(cart.sbId);
if (cart.sbId)
{
  alert('включен')
} else {
alert('отключен')
}

[mix12345]

vadimMalovaniy,

function isEmpty(cart) {
   for (var x in cart) { if (cart.hasOwnProperty(x))  return false; }
   return true;
}

попробовал так не помогло(

[vadimMalovaniy]

mix12345, jQuery.isEmptyObject()

Answer 2

[Ice]

const st = localStorage.getItem('basketItems');
const res = st == 0032pz.sbId ? 'включен' : 'отключен';

вот такое localStorage.getItem('basketItems') || null и {} не требуется, по умолчанию возвраoается null

Comments

[mix12345]

0032pz Вы статично добавили, а мне надо чтоб подгружались id из localstorage, как такое сделать?

[Ice]

перебирайте в цикле json через for (var key in json) {} и делайте внутри проверки.
Кидаете в localStorage.getItem(key) и получаете результат
Если ключ, получите значение, null если нет

[mix12345]

сделал