如何从本地存储中删除 object

Question

这是我的代码，我想从本地存储中删除https://prnt.sc/j9Un7C5nxDCZ custom pack 1 object 我试过 removeitem() 但它没有删除我的 object

 var all_pack = JSON.parse(localStorage.getItem("CartItems")); var object_length = Object.keys(all_pack).length; var selected_option = "custom meal pack-1"; for (var i = 0; i < object_length; i++) { var p = Object.keys(all_pack)[i]; if (selected_option === p) { Object.keys(all_pack)[i].removeItem(); } }

Answer 1

存储存储字符串。 您必须读取字符串、解析它、修改它、序列化它并写回它。

您的代码片段让我假设，您不想从存储中删除某个项目，而是要从存储在本地存储中的 object 中删除一个属性。

const all_pack = JSON.parse(localStorage.getItem("CartItems"));

const selected_option = "custom meal pack-1";

for (key in all_pack) {
  if (selected_option === key) {
    delete all_pack[key];
  }
}

// update local storage
// localStorage.setItem("CartItems", JSON.stringify(all_pack));

例子：

 const all_pack = JSON.parse('{ "custom meal pack-1": true, "custom meal pack-2": true}'); const selected_option = "custom meal pack-1"; for (key in all_pack) { if (selected_option === key) { delete all_pack[key]; } } console.log(all_pack);