Javascript: Local Storage

ما هو LocalStorage؟

LocalStorage هو مكان في المتصفح تقدر تخزن فيه بيانات بشكل دائم (حتى لو قفلت المتصفح وأعدت تشغيل الجهاز).

---

✅ أهم مميزاته:

• بيحتفظ بالبيانات حتى بعد إعادة تشغيل المتصفح.

• سهل الاستخدام.

• بيخزن البيانات على شكل "مفتاح وقيمة" (key-value).

• السعة حوالي 5MB.

---

📦 مثال عملي:

لو عايز تخزن اسم المستخدم:

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

لو عايز تجيب البيانات:

let name = localStorage.getItem("username");
console.log(name); // يطبع: Mahmoud

لو عايز تمسح حاجة محددة:

localStorage.removeItem("username");

ولو عايز تمسح كل البيانات:

localStorage.clear();

---

🧠 متى أستخدمه؟

• لما تحب تحفظ بيانات مش مهمة أوي بس بتسهّل على المستخدم، زي:

  • تفضيلات المستخدم (زي الوضع الليلي)

  • اسم المستخدم عشان ترحب بيه

  • إعدادات واجهة المستخدم

---

⚠️ تنبيه:

• البيانات في localStorage مكشوفة، يعني مش آمنة لتخزين كلمات المرور أو معلومات حساسة.

• ما ينفعش تخزن فيه كائنات (Objects) مباشرة، لازم تحوّلهم لـ JSON.

let user = { name: "Mahmoud", age: 41 };
localStorage.setItem("user", JSON.stringify(user));
let retrieved = JSON.parse(localStorage.getItem("user"));
console.log(retrieved.name); // Mahmoud