Τροποποίηση Αποθηκευμένων Δομών στο localStorage σε JavaScript

Ας υποθέσουμε ότι στην τοπική αποθήκευση βρίσκεται κάποιος πίνακας:

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

Ας υποθέσουμε τώρα ότι χρειαζόμαστε να τροποποιήσουμε αυτόν τον πίνακα με κάποιο τρόπο, για παράδειγμα, να προσθέσουμε στο τέλος του ένα ακόμη στοιχείο ή να αλλάξουμε ένα ήδη υπάρχον.

Για να λύσουμε το πρόβλημα, θα πάρουμε την αποθηκευμένη στο storage συμβολοσειρά με τον πίνακα, θα μετατρέψουμε αυτή τη συμβολοσειρά σε πίνακα, θα κάνουμε στον πίνακα αυτόν τις απαραίτητες χειρισμούς, θα μετατρέψουμε αυτόν τον πίνακα πίσω σε συμβολοσειρά και θα τον γράψουμε πάλι στο storage:

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 πεδία εισαγωγής και ένα κουμπί. Ας εισάγονται στα πεδία επώνυμο, όνομα και ηλικία. Με το πάτημα στο κουμπί, γράψτε έναν νέο χρήστη στο τέλος του αποθηκευμένου πίνακα στο storage.