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 инпут жана баскыч жасаңыз. Инпуттарга фамилия, ысым жана жаш киргизилсин. Баскычты басканда, жаңы колдонуучуну сактоочу жайда сакталган массивдин аягына кошуңуз.