如何删除localStorage数组中选中项？现有删除函数异常排查

你的删除函数无法工作的核心原因是严格相等运算符(!==)的类型不匹配：

• localStorage中存储的item_id是字符串类型（比如"50"）
• 如果调用Deleteitem时传入的item_id是数字类型（比如50），!==会因为类型不同判定为不相等，导致过滤逻辑无法匹配到要删除的项。

修复后的代码 #

可以通过两种方式解决：

方式1：统一转为字符串后比较（推荐，类型更明确） #

function Deleteitem(emp_id, item_id) {
  var itemDetails = localStorage.getItem(emp_id);

  if (itemDetails) {
    itemDetails = JSON.parse(itemDetails);

    // 将传入的item_id转为字符串，确保类型匹配
    itemDetails = itemDetails.filter(function(item) {
      return item.item_id !== String(item_id);
    });

    localStorage.setItem(emp_id, JSON.stringify(itemDetails));
  }

  displayItemDetails();
};

方式2：使用宽松相等运算符(!=)自动转换类型 #

function Deleteitem(emp_id, item_id) {
  var itemDetails = localStorage.getItem(emp_id);

  if (itemDetails) {
    itemDetails = JSON.parse(itemDetails);

    // 宽松相等会自动转换类型进行比较
    itemDetails = itemDetails.filter(function(item) {
      return item.item_id != item_id;
    });

    localStorage.setItem(emp_id, JSON.stringify(itemDetails));
  }

  displayItemDetails();
};

额外注意事项 #

• 调用Deleteitem时，确保emp_id是字符串类型（比如传入"189"而非189），虽然localStorage.getItem会自动转换数字为字符串，但显式传字符串能避免潜在问题。
• 可以在函数开头添加日志，确认传入的参数类型：

  console.log("emp_id类型:", typeof emp_id, "item_id类型:", typeof item_id);
  

内容的提问来源于stack exchange，提问作者Syed Zain