How to store and get an object without destroying the type in localStorage?

Question

I'm working on an AngularJS project with TypeScript.

A person is an object of the Person class. I need to store person object in localStorage and retrieve it with its type.

Answer 1

window.localStorage can store only strings. You can use JSON to serialize your object and retrieve it back.

class Person {

    constructor(public name:string) {

    }
}

let person = new Person('Peter');
localStorage.setItem('person', JSON.stringify(person));
let personFromStorage = JSON.parse(localStorage.getItem('person')) as Person;

console.log({
    person: person,
    personFromStorage: personFromStorage
});