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

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

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

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

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

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

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

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

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

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

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