يوضح هذا المنشور طريقة التخزين 'key ()' في جافا سكريبت.
ماذا تفعل طريقة مفتاح التخزين () في جافا سكريبت؟
ال ' مفتاح() 'طريقة مرتبطة بكائن التخزين الذي يسترد اسم المفتاح الموضوع في الفهرس المحدد. قد يكون كائن 'التخزين' هو ' محلي ' أو ال ' حصة ' تخزين. يسمح للمستخدمين بالوصول إلى مفاتيح التخزين المحلية وتخزين الجلسة.
بناء الجملة (للتخزين المحلي)
التخزين المحلي. مفتاح ( فِهرِس ) ؛
تقبل الصيغة أعلاه معلمة واحدة ' فِهرِس 'الذي يعرض اسم المفتاح في فهرس معين.
بناء الجملة (لتخزين الجلسة)
جلسة التخزين. مفتاح ( فِهرِس ) ؛
يدعم بناء الجملة أعلاه أيضًا معلمة 'index' مثل 'localStorage'.
كلا الصيغتين المعرّفتين أعلاه ترجعان اسم مفتاح كائن التخزين كسلسلة. دعونا ننفذ كلاهما واحدًا تلو الآخر.
مثال 1: تطبيق طريقة التخزين 'key ()' لاسترداد اسم مفتاح التخزين المحلي المحدد
يوضح هذا المثال التنفيذ العملي لطريقة التخزين 'key ()' للحصول على اسم مفتاح تخزين الفهرس المحلي المحدد.
كود HTML
أولاً ، ألق نظرة على كود HTML المحدد:
< h2 > مفتاح التخزين ( ) طريقة في JavaScript h2 >< زر عند النقر = 'myFunc ()' > احصل على مفتاح التخزين المحلي المحدد زر >
< ع معرف = 'عرض' > ص >
في مقتطف الشفرة أعلاه:
- أولاً ، حدد عنوانًا فرعيًا عبر ' ' بطاقة شعار.
- بعد ذلك ، أضف زرًا بمساعدة ' <زر> 'العلامة التي تشتمل على' عند النقر 'حدث لتنفيذ الوظيفة' myFunc () 'على الزر انقر.
- أخيرًا ، قم بإنشاء فقرة فارغة عبر الزر ' 'العلامة التي يمكن الوصول إليها بسهولة من خلال المعرف المخصص لها' العرض التوضيحي '.
كود جافا سكريبت
بعد ذلك ، تابع مع الكود المذكور أدناه:
< النصي >التخزين المحلي. مجموعة ( 'موقع إلكتروني' و 'Linux' ) ؛
التخزين المحلي. مجموعة ( 'البرنامج التعليمي الأول' و 'لغة البرمجة' ) ؛
التخزين المحلي. مجموعة ( 'البرنامج التعليمي الثاني' و 'جافا سكريبت' ) ؛
وظيفة myFunc ( ) {
هناك x = التخزين المحلي. مفتاح ( 1 ) ؛
وثيقة. getElementById ( 'عرض' ) . داخلي HTML = x ؛
}
النصي >
في كتلة التعليمات البرمجية أعلاه:
- ال ' التخزين المحلي 'الخاصية' مرتبطة بـ ' setItem () 'لتعيين عناصر التخزين المحلية المحددة.
- بعد ذلك ، الوظيفة المسماة ' myFunc () ' ويعرف.
- في تعريفه ، ' مفتاح() 'طريقة مرتبطة بـ' التخزين المحلي 'للحصول على اسم مفتاح الفهرس الأول.
- بعد ذلك ، ' document.getElementById () 'يتم تطبيق طريقة' للوصول إلى الفقرة الفارغة باستخدام معرّفها 'demo' لإلحاقها بمفتاح عنصر التخزين المحلي 'name'.
انتاج |
كما رأينا ، يعرض الإخراج اسم مفتاح عنصر التخزين المحلي. 'SecondTutorial' في الفهرس الأول باتباع الترتيب الأبجدي عند النقر فوق الزر.
مثال 2: تطبيق طريقة التخزين 'key ()' للحصول على اسم مفتاح تخزين الجلسة المحدد
في هذا المثال ، تعرض طريقة التخزين 'key ()' اسم مفتاح تخزين الجلسة بفهرس معين.
كود HTML
أولاً ، انتقل إلى كود HTML التالي:
< h2 > مفتاح التخزين ( ) طريقة في JavaScript h2 >< زر عند النقر = 'myFunc ()' > احصل على مفتاح تخزين الجلسة المحدد زر >
< ع معرف = 'عرض' > ص >
الكود أعلاه هو نفسه المثال 1 ولكن مع بعض التحديثات في محتوى HTML.
كود جافا سكريبت
بعد ذلك ، انتقل إلى الكود التالي:
< النصي >جلسة التخزين. مجموعة ( 'موقع إلكتروني' و 'Linux' ) ؛
جلسة التخزين. مجموعة ( 'أولاً' و 'لغة البرمجة' ) ؛
جلسة التخزين. مجموعة ( 'ثانية' و 'جافا سكريبت' ) ؛
وظيفة myFunc ( ) {
هناك x = جلسة التخزين. مفتاح ( 2 ) ؛
وثيقة. getElementById ( 'عرض' ) . داخلي HTML = x ؛
}
النصي >
هنا ، يتم إنشاء عناصر تخزين الجلسة باستخدام ' جلسة التخزين 'ثم' مفتاح() يتم تطبيق طريقة 'للحصول على اسم مفتاح تخزين جلسة الفهرس المحدد للفهرس الثاني.
انتاج |
في هذه النتيجة ، تعرض طريقة 'key ()' الاسم الرئيسي لعنصر تخزين الجلسة المخزن في الفهرس الثاني. تتبع عملية البحث عن اسم مفتاح التخزين الترتيب الأبجدي الذي يبدأ البحث من ' 0 ' فِهرِس.
خاتمة
توفر JavaScript مساحة التخزين ' مفتاح() 'للحصول على اسم المفتاح مع فهرس معين لكل من' محلي ' و ال ' حصة 'كائنات التخزين. يبحث في اسم المفتاح المحدد في التخزين ثم يعرض اسمه في DOM (نموذج كائن المستند). لا يتطلب الأمر سوى معلمة 'الفهرس' لأداء هذه المهمة. يوضح هذا المنشور عمل طريقة تخزين JavaScript 'key ()' بالتفصيل.