localStorage में संग्रहीत संरचनाओं को JavaScript में संशोधित करना

मान लीजिए कि localStorage में एक निश्चित ऐरे संग्रहीत है:

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

अब मान लीजिए कि हमें इस ऐरे को किसी तरह संशोधित करने की आवश्यकता है, उदाहरण के लिए, इसमें एक और तत्व जोड़ना या मौजूदा तत्व को बदलना।

समस्या को हल करने के लिए, storage में संग्रहीत ऐरे वाली स्ट्रिंग प्राप्त करेंगे, इस स्ट्रिंग को ऐरे में बदलेंगे, इस ऐरे पर आवश्यक हेरफेर करेंगे, इस ऐरे को वापस स्ट्रिंग में बदलेंगे और इसे वापस storage में लिखेंगे:

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

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

localStorage.setItem('data', JSON.stringify(data));
Задание 1

निम्नलिखित उपयोगकर्ताओं वाला ऐरे दिया गया है:

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

इसे localStorage में सहेजें। फिर 3 इनपुट और एक बटन बनाएं। मान लीजिए कि इनपुट में उपनाम, नाम और आयु दर्ज की जाती है। बटन दबाने पर, localStorage में सहेजे गए ऐरे के अंत में एक नया उपयोगकर्ता जोड़ें।