How to change data in locale storage Angular?

Question

Angular

{id: 3; email: "789456123" firstName: "789456123" lastName: "789456123" phone: "789456123"
token: "fake-jwt-token"} this is how they are saved.
delete like this:
home.component.html

<button type="button" class="btn btn-primary" (click)="deleteUser(user.id)">Delete</button>

home.component.ts

deleteUser(id: number) {
        this.userService.delete(id).pipe(first()).subscribe(() => {
            this.loadAllUsers()
        });
    }
    private loadAllUsers() {
        this.userService.getAll().pipe(first()).subscribe(users => {
            this.users = users;
        });
    }

user.service.ts

delete(id: number) {
        return this.http.delete(`${environment.apiUrl}/users/${id}`);
    }
}

when registering, I wrote down this data in the locale.
I figured out the removal, but I don’t know how to edit the existing data.

Answer 1

You get data from local Storage, make changes, delete and write again, by and large, you can not delete it, it will overwrite the data with the same key.
Moreover, why edit authorization data?