Salvestatud struktuuride modifitseerimine localStorage-is JavaScriptis

Oletame, et kohalikus salvestusseadmes on salvestatud mõni massiiv:

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

Oletame nüüd, et meil on vaja seda massiivi kuidagi modifitseerida, näiteks lisada selle lõppu veel üks element või muuta juba olemasolevat.

Ülesande lahendamiseks saame salvestusseadmesse salvestatud massiivistringi, teisendame selle stringi massiiviks, teostame selle massiiviga vajalikud manipulatsioonid, teisendame selle massiivi tagasi stringiks ja kirjutame tagasi salvestusseadmesse:

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

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

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

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