Модификација на складирани структури во 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 инпут и копче. Нека во инпутите се внесуваат презиме, име и возраст. При притискање на копчето, запишете нов корисник на крајот од низата зачувана во складиштето.