JavaScript-এ localStorage ক্লিয়ার করার দুটি পদ্ধতি

ভূমিকা

Web Storage API-র localStorage ব্রাউজারে ডেটা স্থায়ীভাবে সংরক্ষণ করে। কিন্তু有时 সকল ডেটা মুছে ফেলার (clear) প্রয়োজন হয়। এই আর্টিকেলে localStorage ক্লিয়ার করার দুটি কার্যকর পদ্ধতি দেখানো হয়েছে।

পদ্ধতি ১: clear() মেথড (সেরা ও সহজ)

localStorage.clear();

• সব কী-ভ্যালু জোড়া একসাথে মুছে দেয়
• সবচেয়ে দ্রুত এবং স্ট্যান্ডার্ড পদ্ধতি
• সব ব্রাউজারে সাপোর্টেড

পদ্ধতি ২: লুপ দিয়ে প্রতিটি কী মুছে ফেলা

for (let key in localStorage) {
  delete localStorage[key];
}

• প্রতিটি কী আলাদা আলাদা মুছে ফেলে
• নোট: for...in লুপে প্রোটোটাইপ প্রপার্টিও আসতে পারে, ভালো হলো Object.keys() ব্যবহার করা
• উন্নত সংস্করণ:

  Object.keys(localStorage).forEach(key => localStorage.removeItem(key));

সম্পূর্ণ উদাহরণ

<html>
<body>
  <p id="storage"></p>
  <script>
    if (typeof(Storage) !== "undefined") {
      localStorage.setItem("product", "Tutorix");
      // প্রদর্শন করার আগে ক্লিয়ার করা
      localStorage.clear();
      document.getElementById("storage").innerHTML = localStorage.getItem("product");
    } else {
      document.getElementById("storage").innerHTML = "দুঃখিত, কোনো Web Storage সাপোর্ট নেই...";
    }
  </script>
</body>
</html>

localStorage সম্পর্কে মূল তথ্য

সেশন স্টোরেজ (sessionStorage) এও একই

// sessionStorage-ও একই API
sessionStorage.clear();
sessionStorage.removeItem('key');

সতর্কতা

• clear() কল করলে **সব** ডেটা চলে যায় - অন্য অ্যাপ্লিকেশনের ডেটাও যদি একই ডোমেইনে থাকে
• লুপ পদ্ধতিতে localStorage.length পরিবর্তন হলে বাগ হতে পারে - আগে কীগুলো কালেক্ট করুন
• প্রাইভেট ব্রাউজিং/ইনকগনিটো মোডে localStorage কাজ নাও করতে পারে

আউটপুট

উদাহরণ কোডে "Tutorix" সেট করার পর clear() কল করা হয়েছে, তাই getItem("product") null রিটার্ন করবে এবং পেজে কিছু দেখাবে না।