Modifikasi Struktur yang Disimpan di localStorage dalam JavaScript

Misalkan dalam penyimpanan lokal disimpan suatu array:

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

Sekarang misalkan kita perlu memodifikasi array ini, misalnya, menambahkan elemen lain ke akhirnya atau mengubah elemen yang sudah ada.

Untuk menyelesaikan tugas, ambil string dengan array yang disimpan di penyimpanan, ubah string ini menjadi array, lakukan manipulasi yang diperlukan dengan array ini, ubah array ini kembali menjadi string dan tulis kembali ke penyimpanan:

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

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

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

Diberikan array pengguna berikut:

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

Simpan di penyimpanan lokal. Kemudian buat 3 input dan sebuah tombol. Misalkan di input dimasukkan nama keluarga, nama, dan usia. Saat tombol ditekan, tulis pengguna baru ke akhir array yang disimpan di penyimpanan.