localStorageда сақланадиган структураларни модификация қилиш JavaScript

Локальный хоторада маълум бир массив сақлансин:

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

Энди бизга шу массивни модификация қилиш зарур бўлди, масалан, унинг охирига яна бир элемент қўшиш ёки мавжуд элементни ўзгартириш.

Масалани ҳал этиш учун хоторада сақланадиган массив сатрини оламиз, бу сатрни массивга аylantiрамиз, шу массив билан зарур манипуляцияларни бажарамиз, массивни яна сатрга айлантирамиз ва хоторага қайтарамиз:

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

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

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

Фойдаланувчиларнинг куйидаги массиви берилган:

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

Уни локальный хоторага сақланг. Сўнгра 3 та инпут ва тугма ясанг. Инпутларга фамилия, исм ва ёш киритилсин. Тугма босилганда янги фойдаланувчини хоторада сақланган массивнинг охирига ёзинг.