Tárolt struktúrák módosítása a localStorage-ban JavaScriptben

Tegyük fel, hogy a localStorage-ban egy tömb van eltárolva:

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

Most tegyük fel, hogy módosítanunk kell ezt a tömböt, például hozzá kell adnunk egy új elemet a végéhez, vagy meg kell változtatnunk egy meglévőt.

A feladat megoldásához lekérjük a tárolt sztringet a tömbről, átalakítjuk ezt a sztringet tömbbé, elvégzük a szükséges műveleteket a tombbel, majd visszaalakítjuk a tömböt sztringgé és visszaírjuk a tárolóba:

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

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

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

Adott a következő felhasználók tömbje:

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

Mentsd el a localStorage-ba. Ezután készíts 3 beviteli mezőt és egy gombot. A beviteli mezőkbe vezetéknév, keresztnév és életkor írható. A gomb megnyomására írd be az új felhasználót a tárolt tömb végére.