Modifikasie van gestoorde strukture in localStorage in JavaScript

Laat daar 'n sekere skikking in die lokale berging gestoor wees:

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

Laat ons nou veronderstel dat ons hierdie skikking moet modifiseer, byvoorbeeld, om 'n verdere element by die einde by te voeg of 'n bestaande element te verander.

Om die probleem op te los, sal ons die in die berging gestoorde string met die skikking verkry, hierdie string omskep in 'n skikking, die nodige manipulasies met hierdie skikking uitvoer, hierdie skikking terug omskep in 'n string en dit weer in die berging skryf:

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

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

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

Die volgende skikking met gebruikers word gegee:

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

Stoor dit in die lokale berging. Maak dan 3 invoervelde en 'n knoppie. Laat van, naam en ouderdom in die invoervelde ingevoer word. Met 'n kliek op die knoppie, skryf 'n nuwe gebruiker aan die einde van die in die berging gestoorde skikking.