HTML5 লোকাল স্টোরেজ এবং সেশন স্টোরেজে জাভাস্ক্রিপ্ট অবজেক্ট স্টোর করা

লোকাল স্টোরেজে জাভাস্ক্রিপ্ট অবজেক্ট স্টোর করা এবং পুনরুদ্ধার করা

স্থানীয় স্টোরেজের জন্য জাভাস্ক্রিপ্ট এবং JSON ব্যবহার করা

// Create an object
var testObject = {'one': 1, 'two': 2, 'three': 3};

// Convert the object to a JSON string and store it in localStorage
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the JSON string from localStorage and convert it back to an object
var retrievedObject = JSON.parse(localStorage.getItem('testObject'));

// Verify the type and value of the retrieved object
console.log('typeof retrievedObject: ' + typeof retrievedObject);
console.log('Value of retrievedObject: ', retrievedObject);

// Output should be:
// typeof retrievedObject: object
// Value of retrievedObject: { one: 1, two: 2, three: 3 }

সেশন স্টোরেজে জাভাস্ক্রিপ্ট অবজেক্ট স্টোর করা এবং পুনরুদ্ধার করা

সেশন স্টোরেজের জন্য জাভাস্ক্রিপ্ট এবং JSON ব্যবহার করা

// Create an object
var testObject = {'one': 1, 'two': 2, 'three': 3};

// Convert the object to a JSON string and store it in sessionStorage
sessionStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the JSON string from sessionStorage and convert it back to an object
var retrievedObject = JSON.parse(sessionStorage.getItem('testObject'));

// Verify the type and value of the retrieved object
console.log('typeof retrievedObject: ' + typeof retrievedObject);
console.log('Value of retrievedObject: ', retrievedObject);

// Output should be:
// typeof retrievedObject: object
// Value of retrievedObject: { one: 1, two: 2, three: 3 }

ওয়েব স্টোরেজে অবজেক্ট স্টোর করার বিষয়ে সাধারণ প্রশ্ন

1. আমি ফাংশন সংরক্ষণ করতে পারি? localStorage বা sessionStorage?
2. না, ফাংশন সরাসরি ওয়েব স্টোরেজে সংরক্ষণ করা যাবে না। আপনি একটি স্ট্রিং হিসাবে ফাংশন কোড সংরক্ষণ এবং ব্যবহার করতে পারেন eval() এটি পুনরায় তৈরি করতে, কিন্তু নিরাপত্তা ঝুঁকির কারণে এটি সাধারণত সুপারিশ করা হয় না।
3. আমি কিভাবে বস্তুর মধ্যে বৃত্তাকার রেফারেন্স পরিচালনা করব?
4. লাইব্রেরি ব্যবহার করুন Flatted বা circular-json যা জাভাস্ক্রিপ্ট অবজেক্টে বৃত্তাকার রেফারেন্স পরিচালনা করার জন্য ডিজাইন করা হয়েছে।
5. স্টোরেজ সীমা কি জন্য localStorage?
6. জন্য সঞ্চয় সীমা localStorage সাধারণত প্রায় 5MB হয়, তবে ব্রাউজারগুলির মধ্যে এটি পরিবর্তিত হতে পারে।
7. আমি কি এটি সংরক্ষণ করার আগে ডেটা সংকুচিত করতে পারি?
8. হ্যাঁ, আপনি লাইব্রেরি ব্যবহার করতে পারেন LZ-String এটি সংরক্ষণ করার আগে আপনার ডেটা সংকুচিত করতে localStorage বা sessionStorage.
9. আমি কিভাবে বস্তুর একটি অ্যারে সংরক্ষণ করব?
10. ব্যবহার করে অ্যারেটিকে JSON স্ট্রিংয়ে রূপান্তর করুন JSON.stringify() এটি সংরক্ষণ করার আগে localStorage বা sessionStorage.
11. সংবেদনশীল তথ্য সংরক্ষণ করা কি নিরাপদ? localStorage?
12. না, সংবেদনশীল ডেটা সংরক্ষণ করা নিরাপদ নয় localStorage যেহেতু এটি জাভাস্ক্রিপ্টের মাধ্যমে অ্যাক্সেসযোগ্য এবং যদি সাইটটি আক্রমণ করা হয় তবে আপস করা যেতে পারে।
13. আমি ব্যবহার করতে পারেন localStorage বিভিন্ন ডোমেইন জুড়ে?
14. না, localStorage একই উৎপত্তিতে সীমাবদ্ধ, মানে এটি বিভিন্ন ডোমেনে অ্যাক্সেস করা যাবে না।
15. ব্যবহারকারী তাদের ব্রাউজার ডেটা সাফ করলে কী হবে?
16. সব তথ্য সংরক্ষিত localStorage এবং sessionStorage ব্যবহারকারী তাদের ব্রাউজার ডেটা সাফ করলে সরানো হবে।

অবজেক্ট স্টোরেজ পরিচালনার বিষয়ে চূড়ান্ত চিন্তাভাবনা

HTML5 ওয়েব স্টোরেজে বস্তুগুলিকে কার্যকরীভাবে সঞ্চয় ও পুনরুদ্ধার করার জন্য বস্তুগুলিকে JSON স্ট্রিং-এ রূপান্তর করতে হবে JSON.stringify() এবং তারপর তাদের সাথে আবার পার্সিং JSON.parse(). এই পদ্ধতি নিশ্চিত করে যে ডেটা অক্ষত থাকে এবং বিভিন্ন ব্রাউজার সেশন জুড়ে ব্যবহারযোগ্য। এই কৌশলগুলি বোঝার এবং ব্যবহার করে, বিকাশকারীরা তাদের ওয়েব অ্যাপ্লিকেশনগুলির কার্যকারিতা এবং কার্যকারিতা বৃদ্ধি করে আরও জটিল ডেটা পরিচালনার কাজগুলির জন্য স্থানীয় স্টোরেজ এবং সেশন স্টোরেজ ব্যবহার করতে পারে।