javascript - 将多个条目保存到本地存储中的同一帖子

Question

我正在尝试将购物车保存到本地存储，但无法按照我希望的方式保存它。对于具有相同 ID 的每个添加订单，金额应增加，并且不会创建输入的另一个重复项。我已经对第一个项目/订单进行了半工作，但是当我订购更多项目时，它们位于第一个订单中。当我再次输入第一个订单时，它会将自己放在后面并以一种奇怪的方式增加金额。感谢您的帮助，因为我几天前试图解决这个问题，并尝试了很多不同的东西，但得到了不同的结果。

来自本地存储:id 88 的按钮被按下 4 次:

[{"id":"88","amount":4}]

按 id 79 的按钮 4 次:

[{"id":"88","amount":4},{"id":"79","amount":5}
,{"id":"79","amount":4},{"id":"79","amount":3},{"id":"79","amount":2}]

然后我再次按下 id 88 的按钮一次:

[{"id":"88","amount":5},{"id":"79","amount":5},{"id":"79","amount":4},
{"id":"79","amount":3},{"id":"79","amount":2},{"id":"88","amount":5},
{"id":"88","amount":5},{"id":"88","amount":5},{"id":"88","amount":5}]

这是我的 JavaScript:

$("#btnBuyMovie").on("click", function () {

    var movieId = getParameterByName("productId");

    var amount = 1;

if (localStorage.getItem("shoppingCart") !== null) {

        shoppingCartFromLS = JSON.parse(localStorage.getItem("shoppingCart"));
        var newShoppingCart = new ShoppingCart(movieId, amount);

        for (var i = 0; i < shoppingCartFromLS.length; i++) {

            if (movieId != shoppingCartFromLS[i].id) {

           shoppingCartFromLS.push(newShoppingCart);
localStorage.setItem("shoppingCart", JSON.stringify(shoppingCartFromLS));


            }
        }


        for (var i = 0; i < shoppingCartFromLS.length; i++) {

            if (movieId == shoppingCartFromLS[i].id) {

                shoppingCartFromLS[i].amount++;
            }
        }



        localStorage.setItem("shoppingCart", JSON.stringify(shoppingCartFromLS));


    } if (localStorage.getItem("shoppingCart") == null) {

        var shoppingCartFromLS = [];
        newShoppingCart = new ShoppingCart(movieId, amount);
        shoppingCartFromLS.push(newShoppingCart);
        localStorage.setItem("shoppingCart", JSON.stringify(shoppingCartFromLS));
    }

Answer 1

问题

以下for循环有多个问题

• 这行代码看起来不正确。

假设你的意思是这样，它的末尾有一个分号，它正在将购物车推送到push函数的结果

if (movieId != shoppingCartFromLS[i].shoppingCartFromLS.push(newShoppingCart);

• 假设上面的行是您想要的，您正在检查每个项目是否与您要查找的项目不同。

因此，如果在任何迭代中都找不到该项目，您可以再次添加该项目。

    for (var i = 0; i < shoppingCartFromLS.length; i++) {
        if (movieId != shoppingCartFromLS[i].shoppingCartFromLS.push(newShoppingCart);
            localStorage.setItem("shoppingCart", JSON.stringify(shoppingCartFromLS)); //this will happen for every item except the item that matches
        }
    }

最后，这个for循环不是必需的

   for (var i = 0; i < shoppingCartFromLS.length; i++) {
        if (movieId == shoppingCartFromLS[i].id) {
            shoppingCartFromLS[i].amount++;
        }
    }

解决方案

你需要这样优化你的代码

var isFound = shoppingCartFromLS.some( function( item ){
   var isFound = item.id == movieId; //this line is updated
   item.amount += isFound ? 1 : 0;
   return isFound;
})
if (!isFound)
{
  shoppingCartFromLS.push( { id : movieId, amount : 1 } )
}
localStorage.setItem("shoppingCart", JSON.stringify(shoppingCartFromLS));