javascript - 如何从 localStorage 中删除对象或数组？

Question

我知道使用 localStorage.removeItem(key) 我可以按键删除一个项目。如果我的 localStorage 是一维的(即 localStorage.search_near = 60654)，那就没问题了。

但我有多层次的值(value)观。

我的 localStorage.storedAddresses 包含 json 对象:

[{
    "storeNumber": "010517",
    "zip": "20500",
    "state": "DC",
    "city": "WASHINGTON",
    "address": "1600 Pennsylvania Ave",
    "zone": null,
    "address_two": null,
    "name": "Second Choice",
    "type": "P",
    "dwellCode": "P",
    "key": 4,
    "defaultLocation": "N"
},
{
    "storeNumber": "714389",
    "zip": "60202",
    "state": "IL",
    "city": "EVANSTON",
    "address": "818 Brown Ave",
    "zone": null,
    "address_two": null,
    "name": "Test Storage",
    "type": "P",
    "dwellCode": "P",
    "key": 3,
    "defaultLocation": "N"
},
{
    "storeNumber": "316740",
    "zip": "70810",
    "state": "LA",
    "city": "BATON ROUGE",
    "address": "9884 BLUEBONNET BLVD",
    "zone": null,
    "address_two": null,
    "name": "Test2",
    "type": "P",
    "dwellCode": "P",
    "key": 2,
    "defaultLocation": "N"
}]

我将如何使用 localStorage.removeItem() 仅删除 storeNumber 为 714389 的对象？我必须 loop through localStorage.storedAddresses 并比较 storeNumber 值，然后在找到匹配项时使用 removeItem？还是有更直接的方法？

Answer 1

由于 localstorage 只能存储字符串，因此您必须使用 JSON.parse 解析该值并手动将其删除，然后重新插入。

var storedAddresses = JSON.parse(localStorage.storedAddresses); 
// storedAddresses is now an array of objects, not just a string

for ( var i = 0; i < storedAddresses.length; i++ ) {
    if ( storedAddresses[i].storeNumber === '714389' ) {
        // remove the object with storeNumber '714389' from the array
        storedAddresses.splice(i,1); 
    }
}

// insert the new stringified array into LocalStorage
localStorage.storedAddresses = JSON.stringify(storedAddresses);