I'm using localStorage to store many objects in an array. Is it possible to delete only one object from this array?
I can delete the entire array if I use localstorage.removeItem(keysofthelocalstorage); however, I only want to delete the item I don't need.
For example, if the key of my entry in local storage is basketContent, and my value looks like [{object1},{object2},{object3}], how can I delete {object1}? Do I need to use a different key to reference this object in the array?
I can get the object I want from the array if I click the "delete" button, but I can't delete it. I've tried using slice, but haven't been able to get it working. Here's my code:
let basketContent = JSON.parse(localStorage.getItem("basketContent")); //Json parse convertie en json
// console.log(basketContent);
if(basketContent !== null) {
for(let i = 0; i<basketContent.length; i++) {
const tabsLine = document.createElement("tr");
const deleteButton = document.createElement("button");
deleteButton.setAttribute("class", "btn btn-danger mt-1") ;
deleteButton.innerHTML = "delete";
const tbody = document.getElementById("bodytabs");
tbody.appendChild(tabsLine);
tabsLine.appendChild(deleteButton);
console.log(basketContent);
/////////////////////// on click ///////////////////////
deleteButton.addEventListener("click", function() {
console.log(baksketContent); //give the objects array
console.log(basketContent[i]);// give me one object
});
}
} else {
console.log("empty busket");
}First, parse the JSON string you stored, delete the object there and store the new array in localStorage.
const parsed = JSON.parse(localStorage.getItem('basketContent'));
parsed.splice(parsed.indexOf(/*your object*/), 1);
localStorage.setItem('basketContent', JSON.stringify(parsed));
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments