檢查本地存儲中是否已存在產品 ID

Question

伙計們，我在 angular 中有一個購物車，我的代碼將添加的產品保存在 localstorage 中，我希望我的代碼能夠訪問“購物車”並查看該項目是否已通過 id 在 localstorage 中存在

我嘗試了這段代碼，但沒有成功，我想要一些想法，誰能幫助我

const retrieverObject: string = localStorage.getItem('cart') || '';
const retrieveObject: Array<any> = retrieverObject ? JSON.parse(retrieverObject) : [];
console.log(retrieveObject)
let presentItem = retrieveObject.find(iteml => iteml.id === item.id);

if (presentItem) {
  console.log('id already exists in localstorage')
} else {
  console.log('id not in localstorage')
}

我認為問題是我無法訪問購物車項目數組

Answer 1

您應該在localStorage中獲取節點item內的元素。 我可以看到您的localStorage將您的項目保存在關鍵item中

偽代碼

const retrieverObject: string = localStorage.getItem('cart') || '';
const retrieveObject: Array<any> = retrieverObject ? JSON.parse(retrieverObject)?.item : [];
console.log(retrieveObject)
let presentItem = retrieveObject.find(iteml => iteml.id === item.id);

if (presentItem) {
  console.log('id already exists in localstorage')
} else {
  console.log('id not in localstorage')
}

Answer 2

在retrieveObject項目中存在item屬性

let presentItem = retrieveObject.item.find(iteml => iteml.id === item.id);