localStorage'ta Saklanan Yapıların JavaScript'te Modifikasyonu

Lokal depoda bir dizi saklandığını varsayalım:

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

Şimdi bu diziyi bir şekilde değiştirmemiz gerektiğini varsayalım, örneğin, sonuna başka bir eleman eklemek veya zaten var olan bir elemanı değiştirmek.

Görevi çözmek için, depoda saklanan dizi dizesini alalım, bu dizeyi bir diziye dönüştürelim, bu dizi üzerinde gerekli işlemleri yapalım, bu diziyi tekrar bir dizeye dönüştürelim ve depoya geri yazalım:

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

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

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

Aşağıdaki kullanıcı dizisi verilmiştir:

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

Onu yerel depoya kaydedin. Sonra 3 giriş kutusu ve bir buton yapın. Giriş kutularına soyadı, isim ve yaş girilsin. Butona tıklandığında, yeni kullanıcıyı depoda saklanan dizinin sonuna ekleyin.