Получение ошибки при попытке найти существующий продукт из localStorage в JavaScript - PullRequest
Новая
       173

Получение ошибки при попытке найти существующий продукт из localStorage в JavaScript

0 голосов
/ 14 июля 2020

Я пытаюсь реализовать систему тележек с использованием localStorage, коды ниже, как я пытаюсь достичь этого 

const data = {
    description: "Cum sociis natoque",
    mediaUrl: "/products-img7.jpg",
    name: "Hearing Aid Device",
    newProduct: true,
    onOffer: "5",
    onSale: true,
    price: "99.57",
    productType: "medical",
    sku: "534-20-2675",
    viewCount: 0,
    _id: "5f095b0bd7f2be792ee6ba1c",
}

const handleAddToCart = (data, quantity = 1) => {
    let getCarts = JSON.parse(localStorage.getItem('myCart'))
    let existed_item = null
    if(getCarts || getCarts != null){
        existed_item = getCarts.find(item => item._id == data._id) // Error in that line
    }

    if (existed_item) {
        let cartItem = Object.assign({}, existed_item, {quantity: (quantity + existed_item.quantity)})
        localStorage.setItem('myCart', JSON.stringify(cartItem))
    } else {
        let cartProducts = new Array()
        if(localStorage.getItem('myCart')){
            cartProducts = JSON.parse(localStorage.getItem('myCart'))
        }
        let dataWQty = Object.assign({}, data, {quantity: quantity});
        let newCartProducts = [...cartProducts, dataWQty]

        localStorage.setItem('myCart',JSON.stringify(newCartProducts));
    }
}

из приведенных выше кодов, получающих ошибку ниже 

Unhandled Runtime Error <br/>
TypeError: getCarts.find is not a function

Как могу ли я преодолеть эту ситуацию сейчас? Мне действительно нужна помощь, чтобы решить эту проблему.

Заранее спасибо.

1 Ответ

2 голосов
/ 14 июля 2020

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

let getCarts = JSON.parse(localStorage.getItem('myCart'))
let existed_item_index = -1
if(getCarts || getCarts != null){
    existed_item_index = getCarts.findIndex(item => item._id === data._id)
}

if (existed_item_index!==-1) {
    const updatedCarts = JSON.parse(JSON.stringify(getCarts));
    updatedCarts[existed_item_index].quantity += quantity;
    localStorage.setItem('myCart', JSON.stringify(updatedCarts));
}
...