javascript - 如何使用 Javascript 和/或 Jquery 删除本地存储中对象中的键？

Question

在本地存储中，我有一个名为 favourites 的对象，它包含这个..

"{
    "id3333":{
        "URL":"somewhere.comm/page1/",
        "TITLE":"Page 1 Title",
    },
    "id4444":{
        "URL":"somewhere.comm/page2/",
        "TITLE":"Page 2 Title",
    }
}"

如何根据 ID(例如 id3333 和 id4444)删除对象

我已经尝试了以下方法和其他一些巫术..

localStorage.removeItem('id3333'); // no errors, no removal
localStorage.removeItem('favourites':'id3333'); // SyntaxError: missing ) after argument list
localStorage.removeItem('favourites[id3333]'); // no errors, no removal
localStorage.removeItem('id3333', JSON.stringify('id3333')); // no errors, no removal

此外，我需要根据变量获取要删除的键名，所以像这样......

var postID = 'id3333';
localStorage.removeItem(postID);

或

var objectName = 'favourites';
var postID = 'id3333';
localStorage.removeItem(objectName[postID]);

是否可以直接删除嵌套项目，或者我是否需要检索完整对象然后删除项目，然后再次将对象设置回本地存储？

到目前为止，我最接近直接删除任何内容的是..

localStorage.removeItem('favourites');

但这当然会删除整个对象。

Answer 1

你只有一个键，但你表现得好像有多个键

var obj = {
    "id3333":{
        "URL":"somewhere.comm/page1/",
        "TITLE":"Page 1 Title",
    },
    "id4444":{
        "URL":"somewhere.comm/page2/",
        "TITLE":"Page 2 Title",
    }
};

window.localStorage.favs = JSON.stringify(obj);  //store object to local storage
console.log("before : ", window.localStorage.favs);  //display it
var favs = JSON.parse(window.localStorage.favs || {});  //read and convert to object
var delKey = "id3333";  //key to remove
if (favs[delKey]) {  //check if key exists
    delete favs[delKey];  //remove the key from object
}
window.localStorage.favs = JSON.stringify(favs);  //save it back
console.log("after : ", window.localStorage.favs);  //display object with item removed