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

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

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

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

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

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টি ইনপুট এবং একটি বাটন তৈরি করুন। ইনপুটগুলিতে উপাধি, নাম এবং বয়স ইনপুট করা হোক। বাটনে ক্লিক করলে, একটি নতুন ব্যবহারকারীকে স্টোরেজে সংরক্ষিত অ্যারের শেষে যোগ করুন।