Saugomų struktūrų modifikavimas localStorage JavaScript

Tarkime, kad lokalioje saugykloje yra saugomas tam tikras masyvas:

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

Tarkime, kad dabar mums reikia kaip nipas modifikuoti šį masyvą, pavyzdžiui, pridėti į jo galą dar vieną elementą arba pakeisti jau esantį.

Užduočiai išspręsti gausime saugomą saugykloje eilutę su masyvu, transformuosime šią eilutę į masyvą, atliksime su šiuo masyvu reikiamas manipuliacijas, transformuosime šį masyvą atgal į eilutę ir įrašysime atgal į saugyklą:

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

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

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

Duotas toks masyvas su vartotojais:

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

Išsaugokite jį lokalioje saugykloje. Tada sukurkite 3 įvesties laukus ir mygtuką. Tegul įvesties laukuose įvedama pavardė, vardas ir amžius. Paspaudus mygtuką įrašykite naują vartotoją į išsaugoto saugykloje masyvo galą.