Modifikation af lagrede strukturer i localStorage i JavaScript

Antag at der i det lokale lager er gemt et bestemt array:

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

Antag nu at vi har brug for at modificere dette array på en eller anden måde, for eksempel at tilføje endnu et element til slutningen eller ændre et allerede eksisterende element.

For at løse opgaven skal vi hente den streng, der repræsenterer arrayet, fra lagret, transformere denne streng til et array, foretage de nødvendige manipulationer med dette array, transformere arrayet tilbage til en streng og skrive den tilbage til lageret:

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

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

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

Følgende array med brugere er givet:

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

Gem det i det lokale lager. Lav derefter 3 inputfelter og en knap. Lad efternavn, fornavn og alder indtastes i inputfelterne. Ved klik på knappen skal en ny bruger skrives til slutningen af arrayet gemt i lageret.