Sửa đổi cấu trúc dữ liệu lưu trữ trong localStorage bằng JavaScript

Giả sử trong bộ nhớ cục bộ lưu trữ một mảng:

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

Bây giờ giả sử chúng ta cần sửa đổi mảng này theo một cách nào đó, ví dụ, thêm một phần tử vào cuối hoặc thay đổi một phần tử đã tồn tại.

Để giải quyết nhiệm vụ, hãy lấy chuỗi mảng được lưu trong kho lưu trữ, chuyển đổi chuỗi này thành mảng, thực hiện các thao tác cần thiết với mảng này, chuyển đổi mảng này trở lại thành chuỗi và ghi lại vào kho lưu trữ:

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

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

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

Cho mảng người dùng sau:

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

Lưu nó vào bộ nhớ cục bộ. Sau đó tạo 3 ô nhập và một nút. Hãy để họ, tên và tuổi được nhập vào các ô. Khi nhấn nút, hãy ghi người dùng mới vào cuối mảng đã lưu trong kho lưu trữ.