كيفية التكرار خلال كائن JavaScript عادي

Kyfyt Altkrar Khlal Kayn Javascript Ady



في لغة جافا سكريبت ، الكائن هو مجموعة بيانات محددة. تحتوي مجموعات البيانات هذه على خاصية واحدة أو أكثر تحددها ، بالإضافة إلى طرق تنفيذ المهام الشائعة. ومع ذلك ، فإن التكرار عبر مجموعة بيانات قابلة للعد هو صعوبة نموذجية للمبرمجين. عند سماع مصطلح ' عقدة 'في JavaScript ، يفكر المبرمجون عمومًا في الحلقات العديدة ، مثل حلقات for و forEach () و map () وغيرها. لسوء الحظ ، لا تنطبق هذه الطرق على الكائنات لأن الكائنات غير قابلة للتكرار.

سيوضح هذا البرنامج التعليمي طرق التكرار / التكرار من خلال كائن JavaScript بسيط.

كيفية التكرار خلال كائن JavaScript عادي / بسيط؟

للحلقة / التكرار خلال كائن JavaScript بسيط ، استخدم الطرق التالية:







الطريقة 1: التكرار خلال كائن JavaScript عادي / بسيط باستخدام حلقة for-in

للتكرار خلال كائن ، استخدم حلقة 'for-in'. إنه يتكرر عبر جميع سمات السلسلة التي يمكن تعدادها للكائن المقترن بكائن.



بناء الجملة
استخدم الصيغة المتوفرة لاستخدام حلقة for-in للتكرار خلال كائن:



ل ( عامل في موضوع )

مثال
قم بإنشاء كائن بخصائص في أزواج المفتاح والقيمة:





كنت موضوع = {
'جافا سكريبت' : واحد و
'جافا' : 5 و
'بايثون' : عشرين و
'لغة البرمجة' : 2 و
'CSS' : أحد عشر
}

حلقة فوق الكائن بناءً على مفاتيح الكائن:

ل ( مقدار ثابت مفتاح في موضوع ) {
وحدة التحكم. سجل ( `$ { مفتاح } : $ { موضوع [ مفتاح ] } ' ) ؛
}

يعرض الإخراج جميع خصائص الكائن في زوج قيم مفتاح:



الطريقة 2: حلقة من خلال كائن JavaScript عادي / بسيط باستخدام أسلوب Object.keys ()

كل خاصية في كائن لها قيمة مقابلة ، مما يعني أن كل خاصية تتكون من أزواج مفتاح - قيمة. يمكنك استخراج المفاتيح أو القيم أو كليهما والقيم كمدخلات في مصفوفة باستخدام الأساليب الثابتة للكائن. إذا كنت تريد استرداد مفاتيح كائن ، فاستخدم ' Object.keys () ' طريقة.

بناء الجملة
اتبع بناء الجملة المحدد للتكرار خلال كائن لاسترداد خصائص / مفاتيح كائن:

هدف . مفاتيح ( موضوع )

مثال
قم باستدعاء طريقة Object.keys () وقم بتخزين المصفوفة الناتجة من مفاتيح الكائن في المتغير ' objKeys ':

مقدار ثابت objKeys = هدف . مفاتيح ( موضوع ) ؛

كما ترى في الإخراج ، تم استرداد جميع مفاتيح الكائن بنجاح:

الطريقة الثالثة: حلقة من خلال كائن JavaScript عادي / بسيط باستخدام أسلوب Object.values ​​()

للحصول على قيم كائن مقابل خصائصه ، استخدم ' Object.values ​​() ' طريقة. يعيد مجموعة من القيم لخصائص / مفاتيح الكائن.

بناء الجملة
يتم استخدام بناء الجملة المحدد للحصول على قيم الكائن عن طريق التكرار عبر كائن:

هدف . القيم ( موضوع )

مثال
قم باستدعاء طريقة Object.values ​​() للحصول على قيم الكائن مقابل خصائصه:

مقدار ثابت الهدف = هدف . القيم ( موضوع ) ؛

يعرض الإخراج مجموعة من القيم مقابل خصائص الكائن:

الطريقة الرابعة: حلقة من خلال كائن JavaScript عادي / بسيط باستخدام أسلوب Object.entries ()

يمكنك أيضًا التكرار من خلال كائن JavaScript عادي / بسيط باستخدام ' مدخلات الكائن () ' طريقة. يقوم بإنشاء مصفوفة من المصفوفات الفرعية تحتوي على أزواج مفتاح-قيمة للكائن المحدد.

بناء الجملة
يتم استخدام بناء الجملة التالي للحصول على إدخالات كائن عن طريق تكرار كائن:

هدف . إدخالات ( موضوع )

مثال
قم باستدعاء طريقة Object.entries () على الكائن لاسترداد جميع إدخالات الكائن:

مقدار ثابت المدخلات = هدف . إدخالات ( موضوع ) ؛

انتاج |

لقد جمعنا جميع المعلومات الضرورية ذات الصلة بالتكرار عبر كائنات JavaScript عادية مع كائنات كأعضاء.

استنتاج

للتكرار خلال كائن JavaScript عادي / بسيط ، استخدم ' مقابل في ' عقدة، ' Object.keys () ' طريقة، ' Object.values ​​() 'أو' مدخلات الكائن () ' طريقة. يتم استخدام حلقة for-in وطريقة Object.entries () للحصول على جميع أزواج المفتاح والقيمة في كائن ، بينما تُستخدم مفاتيح Object.keys () للحصول على المفاتيح و Object.values ​​() لقيم شيء. أظهر هذا البرنامج التعليمي طرقًا مختلفة للتكرار خلال كائن JavaScript بسيط.