Modifikimi i Strukturave të Ruajtura në localStorage në JavaScript

Supozoni se në depozitën lokale ruhet një varg i caktuar:

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

Supozoni tani që duhet të modifikojmë këtë varg në një farë mënyre, për shembull, të shtojmë në fund të tij një element tjetër ose të ndryshojmë një ekzistues.

Për të zgjidhur problemin, le të marrim vargjin e ruajtur në depozitë, ta kthejmë atë varg në një varg, të kryejmë manipulimet e nevojshme me këtë varg, ta kthejmë këtë varg përsëri në varg dhe ta shkruajmë prapa në depozitë:

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

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

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

Jepet vargu i mëposhtëm me përdorues:

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

Ruajeni atë në depozitën lokale. Pastaj krijoni 3 inpute dhe një buton. Le të futen mbiemri, emri dhe mosha në inputet. Me klikim në buton, regjistroni një përdorues të ri në fund të vargut të ruajtur në depozitë.