Saglabāto struktūru modifikācija localStorage JavaScript

Pieņemsim, ka lokālajā krātuvē ir saglabāts noteikts masīvs:

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

Pieņemsim, ka tagad mums ir nepieciešams kaut kā modificēt šo masīvu, piemēram, pievienot tam beigās vēl vienu elementu vai izmainīt jau esošu.

Lai atrisinātu problēmu, iegūsim krātuvē saglabāto virkni ar masīvu, pārveidosim šo virkni par masīvu, veiksim ar šo masīvu nepieciešamās manipulācijas, pārveidosim šo masīvu atpakaļ par virkni un ierakstīsim atpakaļ krātuvē:

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

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

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

Doti šādi lietotāju masīvi:

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

Saglabājiet to lokālajā krātuvē. Pēc tam izveidojiet 3 ievades laukus un pogu. Ļaujiet ievades laukos ievadīt uzvārdu, vārdu un vecumu. Nospiežot pogu, ierakstiet jaunu lietotāju saglabātā masīva beigās.