如何通过 ID 从 localStorage 中删除项目？

Question

问候。 我需要吗 示例：

items: [{id:1 , name: test} , {id: 2 , name: test2} , {id:3 , name: test3}];

我想删除 ID 为 3 的示例项目？

Answer 1

首先，从本地存储中获取数组。

const items = JSON.parse(localStorage.getItem('items'));

然后，从数组中删除该项目。

const filtered = items.filter(item => item.id !== 3);

最后，将阵列放回本地存储。

localStorage.setItem('items', JSON.stringify(filtered));

Answer 2

当您使用getItem ，您会返回一个字符串。 假设您存储的内容是有效的 JSON，您可以通过执行JSON.parse(string)将其转换为实际对象。

拥有对象后，您可以执行以下操作：

const newData = result.filter(x => x.id !== 3);

现在您可以将此结果保存回 localStorage。

Answer 3

我认为您可以将其视为数组上的删除元素，首先您需要找到元素的索引具有 id = 3。让我们尝试

let items = [{id:1 , name: test} , {id: 2 , name: test2} , {id:3 , name: test3}];
let index = items.findIndex(element => element.id === 3)

items = items.splice(index, 1)

更改项目后，您可以使用新数据更新 localStore。