Spreminjanje shranjenih struktur v localStorage v JavaScript

Naj bo v lokalnem pomnilniku shranjeno določeno polje:

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

Recimo, da moramo zdaj to polje na nek način spremeniti, na primer, dodati še en element na konec ali spremeniti že obstoječi element.

Za rešitev problema bomo pridobili niz, shranjen v pomnilniku, s poljem, pretvorili ta niz v polje, izvedli potrebne manipulacije s tem poljem, pretvorili to polje nazaj v niz in zapisali nazaj v pomnilnik:

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

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

localStorage.setItem('data', JSON.stringify(data));
Задание 1

Podano je naslednje polje z uporabniki:

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

Shranite ga v lokalni pomnilnik. Nato naredite 3 vnosna polja in gumb. Naj se v vnosna polja vnesejo priimek, ime in starost. Ob kliku na gumb zapišite novega uporabnika na konec polja, shranjenega v pomnilniku.