Question

我正在建立一个购物网站。我列出了具有唯一ID，不同规格和数量的产品。我有一个 JSON ，它看起来像这样：

{    
            "ProductId" : "1",
            "ProductCode" : "",
            "ProductName" : "XYZ",
            "Specifications" : {
                "Size" : ["S","M","L","XL","XXL"],
                "GrossWeight" : "200gm each",
                "Colour" : ["Beige"]
            },
            "SellingPrice" : 80,
            "MinimumOrderQuantity" : "1",
            "MaximumOrderQuantity" : "1",
            "ShippingCharges" : "75",
            }

有些产品的数量数量不超过1。如果用户添加的表中商品的数量仅为1，我想阻止用户再次添加相同的产品已存在于购物车中。我使用localStorage来保存产品，只需点击一下按钮即可。

这是我的代码：

if(localStorage.getItem("productTable") != null)
   {
      productTable = JSON.parse(localStorage["productTable"]);
      for(var x in productTable) {
          serialNumber++; 
   }
    productTable[serialNumber]={
            serialNumber: serialNumber, 
            ProductId : Id, 
            Colour : selectedColour, 
            Size : selectedSize, 
            QuantityAdded : selectedQuantity
          };
      }
     else {
            productTable[serialNumber]={
            serialNumber: serialNumber, 
            ProductId : Id, 
            Colour : selectedColour, 
            Size : selectedSize, 
            QuantityAdded : selectedQuantity
          };
      }

更新：我正在使用LocalStorage，当我添加项目时，它看起来像这样：

{serialNumber: 1, ProductId: "5", Colour: "Grey", Size: "N/A", QuantityAdded: "1"}

我可以在购物车中添加产品。如何阻止用户再次添加相同的产品？

Answer 1

let product = {product_id: 1, ....}
// make an entry in local storage using product id which will be unique
// so in any case if local storage has product id as key available, do 
// not add 
if (product.quantity > 1 || !localStorage.getItem(product.product_id)) 
{
    localStorage.setItem[product.product_id] = product;
}else {
    // update login
}

Answer 2

   if (localStorage.getItem("productTable") != null) {
      productTable = JSON.parse(localStorage["productTable"]);
      for (var x in productTable) {
          serialNumber++; 
      }
      if (selectedQuantity >= 1 && productTable[serialNumber].MaximumOrderQuantity == 1) {
        alert("Please don't add more than one of these items");
        return;
      }
    }

    productTable[serialNumber] = {
      serialNumber: serialNumber, 
      ProductId: Id, 
      Colour: selectedColour, 
      Size: selectedSize, 
      QuantityAdded: selectedQuantity
    };

Answer 3

这里的问题是，您要根据serial number的递增值来设置地图中的产品，因为您使用的序列号对于相同的产品来说可能与密钥不同，因此您只能选择一个确定产品是否已经添加到地图中，即遍历productTable中的所有值，并检查产品ID，并在将其添加到表中之前进行检查。 assuming productTable is a map：

productTable.forEach((productItem: Product, key: any) => {
    if(productItem.Id === Id){
    //this product is already there check for maximum quantity
    if(productItem.MaximumQuantity <= 1){
    //there is just 1 possible item so don't add it
    }else{
      // there is still space to add then proceed with adding the product
    }
});

Answer 4

我假设serialNumber是特定Id的产品计数

const data = [{
  "ProductId": "1",
  "ProductCode": "",
  "ProductName": "XYZ",
  "Specifications": {
    "Size": ["S", "M", "L", "XL", "XXL"],
    "GrossWeight": "200gm each",
    "Colour": ["Beige"]
  },
  "SellingPrice": 80,
  "MinimumOrderQuantity": "1",
  "MaximumOrderQuantity": "1",
  "ShippingCharges": "75",
}];
const newProduct = {"ProductId": 1, MaximumOrderQuantity: 1};

const products = data.filter(({ProductId})=>ProductId===newProduct.ProductId);

if(newProduct.MaximumOrderQuantity >= products.length){
  //can't add product because already a maximum amount exists
  console.log("Maximum quantity already attained");
} else {
  data.push(newProduct);
}

const res = JSON.stringify(data);

console.log(res);

如何访问localStorage中的特定元素？

4 个答案: