Modifikacija sačuvanih struktura u localStorage u JavaScript-u

Neka je u lokalnoj memoriji sačuvan određeni niz:

let arr = [1, 2, 3, 4, 5];
localStorage.setItem('data', JSON.stringify(arr));

Hajde sada da pretpostavimo da trebamo da modifikujemo ovaj niz, na primer, da dodamo još jedan element na kraj ili da izmenimo postojeći element.

Da bismo rešili zadatak, dobićemo string sa nizom koji je sačuvan u memoriji, pretvoriti taj string u niz, izvršiti potrebne manipulacije nad tim nizom, pretvoriti niz nazad u string i upisati ga ponovo u memoriju:

let json = localStorage.getItem('data');
let data = JSON.parse(json);

data.push(6);
data[0] = '!';

localStorage.setItem('data', JSON.stringify(data));

Dat je sledeći niz korisnika:

let users = [
	{
		surn: 'surn1',
		name: 'name1',
		age: 31,
	},
	{
		surn: 'surn2',
		name: 'name2',
		age: 32,
	},
	{
		surn: 'surn',
		name: 'name3',
		age: 33,
	},
];

Sačuvajte ga u lokalnu memoriju. Zatim napravite 3 input polja i dugme. Neka se u input polja unose prezime, ime i godine. Klikom na dugme upišite novog korisnika na kraj niza sačuvanog u memoriji.