localStorage da saqlangan tuzilmalarni JavaScript da o'zgartirish

Lokal xotirada ba'zi bir massiv saqlansin:

let 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:

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

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

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

Quyidagi foydalanuvchilar massivi berilgan:

let 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.