JavaScript-də localStorage-da saxlanılan strukturların modifikasiyası

Tutaq ki, lokal anbarda bir massiv saxlanılır:

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

İndi tutaq ki, biz bu massivi bir şəkildə dəyişmək istəyirik, məsələn, sonuna yeni bir element əlavə etmək və ya mövcud olanı dəyişmək.

Bu problemi həll etmək üçün, anbarda saxlanılan massiv sətirini alırıq, bu sətri massivə çeviririk, bu massiv üzərində lazımi əməliyyatları yerinə yetiririk, massivi yenidən sətirə çeviririk və anbara geri yazırıq:

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

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

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

Aşağıdakı istifadəçi massivi verilmişdir:

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

Onu lokal anbarda saxlayın. Sonra 3 input və bir düymə hazırlayın. Inputlara soyad, ad və yaş daxil edilsin. Düyməyə kliklədikdə yeni istifadəçini anbarda saxlanılan massivin sonuna əlavə edin.