Modifikation gespeicherter Strukturen in localStorage in JavaScript

Angenommen, im lokalen Speicher ist ein bestimmtes Array gespeichert:

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

Nehmen wir nun an, wir müssen dieses Array irgendwie modifizieren, zum Beispiel ein weiteres Element am Ende hinzufügen oder ein bereits vorhandenes ändern.

Um die Aufgabe zu lösen, holen wir den im Speicher gespeicherten String mit dem Array, wandeln diesen String in ein Array um, führen die notwendigen Manipulationen mit diesem Array durch, wandeln dieses Array zurück in einen String und schreiben es zurück in den Speicher:

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,
  },
];