Modifikation gespeicherter Strukturen in localStorage in JavaScript

Angenommen, im lokalen Speicher ist ein bestimmtes Array gespeichert:

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

Nehmen wir nun an, wir müssen dieses Array irgendwie modifizieren, zum Beispiel ein weiteres Element am Ende hinzufügen oder ein bereits vorhandenes ändern.

Um die Aufgabe zu lösen, holen wir den im Speicher gespeicherten String mit dem Array, wandeln diesen String in ein Array um, führen die notwendigen Manipulationen mit diesem Array durch, wandeln dieses Array zurück in einen String und schreiben es zurück in den Speicher:

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

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

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

Gegeben ist das folgende Array mit Benutzern:

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

Speichern Sie es im lokalen Speicher. Dann machen Sie 3 Eingabefelder und eine Schaltfläche. Lassen Sie in die Eingabefelder Nachname, Vorname und Alter eingeben. Bei Klick auf die Schaltfläche schreiben Sie einen neuen Benutzer ans Ende des im Speicher gespeicherten Arrays.