Example 1: localStorage
// localStorage for objects, arrays or any data type
var obj = {
firstName: "Bob",
lastName: "Jeff",
age: 13
}
localStorage.setItem("itemname", JSON.stringify(obj)); // Save the obj as string
var item = JSON.parse(localStorage.getItem("itemname"));
// ^^ Parse string then set `item` as the obj
Example 2: localstorage
window.localStorage.setItem('myCat', 'Tom');
const cat = window.localStorage.getItem('myCat');
Example 3: localstorage
var cat = localStorage.getItem('myCat');
Example 4: localstorage
localStorage.setItem('name', 'Bob') // make/set a key/value
var username = localStorage.getItem('name') // get the key
console.log(username) // log the key
// This data will be saved even after you close the page
Example 5: localstorage
// using in HTML5 (frontend)
// set
localStorage.setItem('users', 'vilh');
users = [
{
id: 1,
name: 'vilh',
},
{
id: 2,
name: 'zidane'
},
]
// set string
localStorage.setItem('users', users); // stored objects
localStorage.setItem('users', JSON.stringify(users)); // stored string
// get
var retrievedUsername = localStorage.getItem('users');
Example 6: localstorage
localStorage.setItem('myCat', 'Tom');
Example 7: localstorage
import { Injectable, OnDestroy } from '@angular/core';
import { Subject } from 'rxjs/Subject';
import { share } from 'rxjs/operators';
@Injectable()
export class StorageService implements OnDestroy {
private onSubject = new Subject<{ key: string, value: any }>();
public changes = this.onSubject.asObservable().pipe(share());
constructor() {
this.start();
}
ngOnDestroy() {
this.stop();
}
public getStorage() {
let s = [];
for (let i = 0; i < localStorage.length; i++) {
s.push({
key: localStorage.key(i),
value: JSON.parse(localStorage.getItem(localStorage.key(i)))
});
}
return s;
}
public store(key: string, data: any): void {
localStorage.setItem(key, JSON.stringify(data));
this.onSubject.next({ key: key, value: data})
}
public clear(key) {
localStorage.removeItem(key);
this.onSubject.next({ key: key, value: null });
}
private start(): void {
window.addEventListener("storage", this.storageEventListener.bind(this));
}
private storageEventListener(event: StorageEvent) {
if (event.storageArea == localStorage) {
let v;
try { v = JSON.parse(event.newValue); }
catch (e) { v = event.newValue; }
this.onSubject.next({ key: event.key, value: v });
}
}
private stop(): void {
window.removeEventListener("storage", this.storageEventListener.bind(this));
this.onSubject.complete();
}
}
Example 8: localstorage
localStorage.setItem('Items' , 'Bread');
let Bread = localStorage.getItem('Items');
Example 9: localstorage
localStorage.removeItem('myCat');