Պահվող կառուցվածքների մոդիֆիկացումը localStorage-ում JavaScript-ում

Ենթադրենք լոկալ պահեստում պահվում է ինչ-որ զանգված.

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

Ենթադրենք հիմա մեզ անհրաժեշտ է ինչ-որ կերպ մոդիֆիկացնել այս զանգվածը, օրինակ, ավելացնել դրա վերջում մեկ այլ տարր կամ փոխել արդեն գոյություն ունեցողը։

Խնդիրը լուծելու համար ստացենք պահեստում պահվող զանգվածով տողը, վերափոխենք այս տողը զանգվածի, կատարենք այս զանգվածի հետ անհրաժեշտ մանիպուլյացիաները, վերափոխենք այս զանգվածը նորից տողի և գրենք հետ դեպի պահեստ.

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 ինփութ և կոճակ: Թող ինփութների մեջ մուտքագրվեն ազգանուն, անուն և տարիք: Կոճակի սեղմման դեպքում գրեք նոր օգտատիրոջը պահեստում պահված զանգվածի վերջում։