localStorage da saqlangan tuzilmalarni JavaScript da o'zgartirish

Lokal xotirada ba'zi bir massiv saqlansin:

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

Endi, aytaylik, bu massivni qandaydir tarzda o'zgartirishimiz kerak, masalan, uning oxiriga yana bir element qo'shish yoki mavjud elementni o'zgartirish.

Masalani hal qilish uchun xotirada saqlanayotgan massiv satrini olamiz, bu satrni massivga aylantiramiz, kerakli manipulyatsiyalarni bajaramiz, massivni qayta satrga aylantiramiz va xotiraga qaytaramiz:

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

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

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

Quyidagi foydalanuvchilar massivi berilgan:

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

Uni lokal xotiraga saqlang. Keyin 3 ta input va tugma yarating. Inputlarga familiya, ism va yosh kiritilsin. Tugma bosilganda yangi foydalanuvchini xotirada saqlangan massivning oxiriga qo'shing.