Salvestatud struktuuride modifitseerimine localStorage-is JavaScriptis

Oletame, et kohalikus salvestusseadmes on salvestatud mõni massiiv:

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

Oletame nüüd, et meil on vaja seda massiivi kuidagi modifitseerida, näiteks lisada selle lõppu veel üks element või muuta juba olemasolevat.

Ülesande lahendamiseks saame salvestusseadmesse salvestatud massiivistringi, teisendame selle stringi massiiviks, teostame selle massiiviga vajalikud manipulatsioonid, teisendame selle massiivi tagasi stringiks ja kirjutame tagasi salvestusseadmesse:

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

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

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

Antud on järgmine kasutajate massiiv:

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

Salvestage see kohalikku salvestusseadmesse. Seejärel looge 3 sisendvälja ja nupp. Andke sisendväljadesse sisestada perekonnanimi, eesnimi ja vanus. Nupu vajutamisel salvestage uus kasutaja salvestusseadmesse salvestatud massiivi lõppu.