Remove array object from localstorage [duplicate]

Question

in an array that has multiple object{} but i want a delete an object from local storage for our choice


function del(e){
  let parenttag=e.parentElement.parentElement;
let td=parenttag.getElementsByTagName('td')[2];
let match=td.innerText;
// console.log(typeof match);
let studen=localStorage.getItem('student');
let student=JSON.parse(studen);

// for(let key in student){
//     if(student[key].rollnumber===match){
//     console.log(key + ":" +student[key]);
//     console.log(student[key]);
//     }

// }

student.filter((item)=>{
    if(item.rollnumber!==match){
        return false;
    }
    console.log(item);
    localStorage.removeItem(item);
    return item;

})

i tried filter function but a unique object is show that i target but it cannot remove from local storage.

Silas · Accepted Answer · 2023-09-27 08:27:56Z

localStorage.removeItem() takes an Key, if you want to remove an item inside your array you need to use localStorage.setItem() again. To "Update" the Item.

function del(e) {
    // Get the rollnumber from the clicked row
    let parentTag = e.parentElement.parentElement;
    let td = parentTag.getElementsByTagName('td')[2];
    let match = td.innerText;

    // Get the students array from local storage and parse it
    let storedData = localStorage.getItem('student');
    if (!storedData) return;
    let studentsArray = JSON.parse(storedData);

    // Filter the students array to exclude the student with the matching rollnumber
    let updatedStudents = studentsArray.filter(item => item.rollnumber !== match);

    // Update local storage with the new array
    localStorage.setItem('student', JSON.stringify(updatedStudents));
}

The main change here is that after filtering the array to exclude the student with the matching rollnumber, we then update the local storage with the new array. The setItem method will overwrite the previous array in local storage with the updated one.

Collectives™ on Stack Overflow

Remove array object from localstorage [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related