মাস্টারিং ব্রাউজার স্টোরেজ:লোকাল স্টোরেজ বনাম সেশন স্টোরেজ ব্যাখ্যা করা হয়েছে

আপনার ওয়েব অ্যাপ্লিকেশন দ্বারা পরিচালিত ডেটা পরিচালনা করার জন্য, আপনার অগত্যা একটি ডাটাবেসের প্রয়োজন নেই৷ সংশ্লিষ্ট ব্রাউজার স্টোরেজ বৈশিষ্ট্যগুলি Chrome (সংস্করণ 4 এবং উচ্চতর), মোজিলা ফায়ারফক্স (সংস্করণ 3.5 এবং উচ্চতর) এবং ইন্টারনেট এক্সপ্লোরার (সংস্করণ 8 এবং উচ্চতর) এবং iOS এবং Android সহ অন্যান্য ব্রাউজারগুলির একটি পরিসর দ্বারা সমর্থিত৷

ব্রাউজার স্টোরেজের জন্য দুটি প্রধান সম্ভাবনা রয়েছে:লোকাল স্টোরেজ এবং সেশন স্টোরেজ।

localStorage এ সংরক্ষিত যেকোনো বিষয়বস্তু/ডেটা ব্রাউজার পুনরায় চালু হওয়ার পরে অবজেক্ট পাওয়া যাবে (বন্ধ এবং আবার খোলা)। একটি আইটেম সংরক্ষণ করার জন্য localStorage তে , আপনি setItem() পদ্ধতিটি ব্যবহার করতে পারেন . এই পদ্ধতিতে একটি কী এবং একটি মান হস্তান্তর করা আবশ্যক৷

Example: localStorage.setItem("mykey","myvalue");

স্থানীয় স্টোরেজ থেকে আইটেমটি পুনরুদ্ধার করতে , পদ্ধতি getItem ব্যবহার করা আবশ্যক। getItem আপনি যে ডেটা পুনরুদ্ধার করতে চান তার চাবিটি অবশ্যই হাতে দিতে হবে:

 Example: localStorage.getItem("mykey");

আপনি localStorage থেকে একটি আইটেম সরাতে পারেন removeItem() ব্যবহার করে পদ্ধতি এই পদ্ধতিটি অপসারণ করার জন্য আইটেমের চাবি হস্তান্তর করা আবশ্যক:

 Example: localStorage.removeItem("mykey");

সম্পূর্ণ localStorage সাফ করতে , আপনার clear() ব্যবহার করা উচিত localStorage এ পদ্ধতি বস্তু:

 Example: localStorage.clear();

সেশন স্টোরেজ

আইটেমগুলি sessionStorage-এ সংরক্ষিত ব্রাউজারটি ব্যবহারকারী দ্বারা বন্ধ না হওয়া পর্যন্ত অবজেক্টটি থাকবে। তারপর, স্টোরেজ সাফ করা হবে।

আপনি একটি আইটেম sessionStorage এ সংরক্ষণ করতে পারেন , অনুগ্রহ করে setItem() পদ্ধতিটি ব্যবহার করুন sessionStorage-এ বস্তু:

Example: sessionStorage.setItem("mykey","myvalue");

সেশন স্টোরেজ থেকে আইটেমটি পুনরুদ্ধার করতে , পদ্ধতি getItem ব্যবহার করা আবশ্যক। getItem আপনি যে ডেটা পুনরুদ্ধার করতে চান তার চাবিটি অবশ্যই হাতে দিতে হবে:

 Example: sessionStorage.getItem("mykey");

আপনি sessionStorage থেকে একটি আইটেম সরাতে পারেন removeItem() ব্যবহার করে পদ্ধতি এই পদ্ধতিটি অপসারণ করার জন্য আইটেমের চাবি হস্তান্তর করা আবশ্যক:

 Example: sessionStorage.removeItem("mykey");

সম্পূর্ণ sessionStorage সাফ করতে , আপনার clear() ব্যবহার করা উচিত sessionStorage এ পদ্ধতি বস্তু:

 Example: sessionStorage.clear();

স্থানীয় স্টোরেজ এবং সেশন স্টোরেজ এ অ্যারে সংরক্ষণ করা হচ্ছে

আপনি শুধুমাত্র localStorage এ একক মান সংরক্ষণ করতে পারবেন না এবং sessionStorage , কিন্তু আপনি একটি অ্যারের সামগ্রীও সংরক্ষণ করতে পারেন৷

এই উদাহরণে, আমাদের সংখ্যা সহ একটি অ্যারে আছে:

var ourArray =[1,2,3,4,5];

আমরা এখন এটিকে localStorage এ সংরক্ষণ করতে পারি অথবা sessionStorage setItem() ব্যবহার করে পদ্ধতি:

localStorage.setItem("ourarraykey",JSON.stringify(ourArray));

অথবা, sessionStorage-এর জন্য :

sessionStorage.setItem("ourarraykey",JSON.stringify(ourArray));

সংরক্ষণ করার জন্য, অ্যারেটিকে প্রথমে একটি স্ট্রিংয়ে রূপান্তর করতে হবে। উপরে দেখানো উদাহরণে, আমরা JSON.stringify ব্যবহার করছি এটি সম্পন্ন করার পদ্ধতি।

localStorage থেকে আমাদের ডেটা পুনরুদ্ধার করার সময় অথবা sessionStorage , এটিকে আবার একটি অ্যারেতে রূপান্তর করুন:

var storedArray = localStorage.getItem("ourarraykey");
ourArray = JSON.parse(storedArray);

অথবা, sessionStorage এর জন্য :

var storedArray = sessionStorage.getItem("ourarraykey");
ourArray = JSON.parse(storedArray);

বিনামূল্যে কোড শিখুন. freeCodeCamp-এর ওপেন সোর্স পাঠ্যক্রম 40,000-এরও বেশি লোককে ডেভেলপার হিসেবে চাকরি পেতে সাহায্য করেছে। শুরু করুন