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

我认为您可以将其视为数组上的remove元素，首先需要找到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。

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

3 个答案: