localStorage-এ সংরক্ষিত স্ট্রাকচার পরিবর্তন করা JavaScript-এ

ধরুন লোকাল স্টোরেজে একটি অ্যারে সংরক্ষিত আছে:

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

এখন ধরুন আমাদের এই অ্যারেটিকে কিছুটা পরিবর্তন করার প্রয়োজন হয়েছে, উদাহরণস্বরূপ, এর শেষে আরও একটি এলিমেন্ট যোগ করতে বা একটি বিদ্যমান এলিমেন্ট পরিবর্তন করতে।

সমস্যাটি সমাধান করতে, স্টোরেজে সংরক্ষিত স্ট্রিংটি পেতে হবে যা অ্যারেটিকে প্রতিনিধিত্ব করে, এই স্ট্রিংটিকে অ্যারেতে রূপান্তর করতে হবে, এই অ্যারেতে প্রয়োজনীয় ম্যানিপুলেশন সম্পাদন করতে হবে, অ্যারেটিকে আবার স্ট্রিংয়ে রূপান্তর করতে হবে এবং স্টোরেজে ফিরিয়ে লিখতে হবে:

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

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

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

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