Modificarea structurilor stocate în localStorage în JavaScript

Să presupunem că în storage-ul local este stocat un array:

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

Să presupunem acum că trebuie să modificăm cumva acest array, de exemplu, să adăugăm în capăt un alt element sau să modificăm unul existent.

Pentru a rezolva problema, vom obține șirul stocat în storage cu array-ul, vom transforma acest șir într-un array, vom efectua asupra acestui array manipulările necesare, vom transforma acest array înapoi în șir și îl vom scrie înapoi în storage:

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

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

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

Задание 1

Se dă următorul array cu utilizatori:

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

Salvați-l în storage-ul local. Apoi realizați 3 input-uri și un buton. Să se introduce în input-uri numele de familie, prenumele și vârsta. La apăsarea butonului scrieți un nou utilizator la capătul array-ului salvat în storage.