تحديد وجود عنصر تخزين محلي

عند العمل مع تخزين الويب، من الضروري التحقق من وجود عناصر محددة قبل الوصول إليها أو تعديلها. في هذه الحالة، نريد تحديد ما إذا كان تم تعيين عنصر معين في التخزين المحلي.

النهج الحالي

يبدو أن الطريقة الحالية للتحقق من وجود عنصر هي:

if (!(localStorage.getItem("infiniteScrollEnabled") == true || localStorage.getItem("infiniteScrollEnabled") == false)) {
    // init variable/set default variable for item
    localStorage.setItem("infiniteScrollEnabled", true);
}

نهج محسّن

ومع ذلك، هناك طريقة مبسطة وأكثر فعالية للتحقق من وجود عنصر ما وهي استخدام قيمة الإرجاع الخالية لطريقة getItem. وفقًا لمواصفات WebStorage، إذا لم يكن العنصر موجودًا في وحدة التخزين، فسيُرجع getItem صراحةً قيمة فارغة.

لذلك، يمكنك استخدام الكود التالي للتحقق من وجود عنصر:

if (localStorage.getItem("infiniteScrollEnabled") === null) {
  //...
}

موارد إضافية

لمزيد من المعلومات حول هذا الموضوع، قد تجد المورد التالي مفيدًا:

• [تخزين الكائنات في HTML5 localStorage] (رابط إلى موقع ذي صلة المصدر)