Modifikace uložených struktur v localStorage v JavaScriptu

Předpokládejme, že v lokálním úložišti je uloženo nějaké pole:

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

Nyní předpokládejme, že potřebujeme toto pole nějak modifikovat, například přidat na konec další prvek nebo změnit již existující.

Pro řešení úlohy získáme řetězec s polem uložený v úložišti, převedeme tento řetězec na pole, provedeme s tímto polem potřebné manipulace, převedeme toto pole zpět na řetězec a zapíšeme jej zpět do úložiště:

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

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

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

Задание 1

Je dáno následující pole s uživateli:

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

Uložte jej do lokálního úložiště. Poté vytvořte 3 inputy a tlačítko. Nechť se do inputů zadává příjmení, jméno a věk. Po kliknutí na tlačítko zapište nového uživatele na konec pole uloženého v úložišti.