Modifikasjon av lagrede strukturer i localStorage i JavaScript

Anta at det ligger et array i den lokale lagringen:

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

Anta nå at vi trenger å modifisere dette arrayet på en eller annen måte, for eksempel å legge til et nytt element på slutten eller endre et eksisterende element.

For å løse oppgaven, henter vi strengen som er lagret i lagringen med arrayet, konverterer denne strengen til et array, utfører de nødvendige manipulasjonene med dette arrayet, konverterer arrayet tilbake til en streng og skriver den tilbake til lagringen:

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

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

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

Задание 1

Følgende array med brukere er gitt:

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

Lagre det i den lokale lagringen. Deretter lag 3 input-felter og en knapp. La etternavn, fornavn og alder skrives inn i input-feltene. Ved å trykke på knappen, skriv den nye brukeren til slutten av arrayet som er lagret i lagringen.