JavaScript - localStorage

JavaScript - localStorage

🔸 localStorage هو نوع من Web Storage يُستخدم لتخزين البيانات محليًا داخل المتصفح بشكل دائم. لا تُحذف البيانات تلقائيًا عند إغلاق المتصفح، وتبقى محفوظة حتى يقوم المستخدم أو الكود بحذفها.

---

🔹 تخزين قيمة

localStorage.setItem("username", "Mahmoud");

📌 تُخزن البيانات على شكل مفتاح وقيمة (key, value).

---

🔹 استرجاع قيمة

const name = localStorage.getItem("username");
console.log(name);

---

🔹 حذف قيمة

localStorage.removeItem("username");

---

🔹 حذف جميع البيانات

localStorage.clear();

---

🔹 التعامل مع الكائنات (Objects)

const user = { name: "Mahmoud", age: 40 };

// تحويل الكائن إلى نص JSON وتخزينه
localStorage.setItem("user", JSON.stringify(user));

// استرجاع النص وتحويله إلى كائن مرة أخرى
const storedUser = JSON.parse(localStorage.getItem("user"));
console.log(storedUser.name);

📌 لأن localStorage يخزن النصوص فقط، يجب تحويل الكائن باستخدام JSON.stringify وJSON.parse.

---

⚠️ ملاحظات مهمة

• تخزن البيانات في المتصفح وتبقى بعد إعادة التشغيل.
• السعة التخزينية تختلف حسب المتصفح، لكنها عادة بين 5-10 ميجابايت.
• البيانات مرئية من أدوات المطور (DevTools)، لذا لا تُخزن معلومات حساسة.