سيوضح هذا البرنامج التعليمي طريقة عمل حلقة For-each في TypeScript.
كيف تعمل For-each Loop في TypeScript؟
في TypeScript ، فإن ' لكل 'حلقة مع 'لكل () 'طريقة ، وهي طريقة محددة مسبقًا لكائن المصفوفة. يتم استخدامه للتكرار من خلال عناصر المصفوفة أو الكائنات الأخرى القابلة للتكرار. يقبل دالة رد نداء كوسيطة لها ، والتي يتم تنفيذها لكل عنصر في المصفوفة.
بناء الجملة
يتم استخدام الصيغة التالية لحلقة For-Each:
لكل ( رد الاتصال )
هنا ، 'callbackFunc' هي الوظيفة التي يتم استخدامها لاختبار كل عنصر في المصفوفة.
على سبيل المثال ، استخدم بناء الجملة أعلاه على النحو التالي:
مجموعة لكل ( وظيفة ( قيمة ) {
// كود للتنفيذ ل كل عنصر
} ) ؛
مثال
في المثال التالي ، لدينا مصفوفة نوع سلسلة باسم ' فقط ':
استدعِ التابع forEach () باعتباره حلقة For-each لتكرار المصفوفة وعرض كل عنصر من عناصر المصفوفة في وحدة التحكم:
لانغ للجميع ( وظيفة ( قيمة ) {
وحدة التحكم ( قيمة ) ؛
} ) ؛
تحويل ملف TypeScript باستخدام الأمر “tsc”:
tsc forEachLoop.tsتم تحويل الكود الآن إلى JavaScript ، والآن سنقوم بتنفيذ ملف JavaScript باستخدام الأمر المحدد:
عقدة لـEachLoop.jsيشير الإخراج إلى أن عناصر المصفوفة تم عرضها بنجاح على وحدة التحكم عن طريق تكرار المصفوفة باستخدام حلقة For-each:
لا يتم استخدام الحلقة 'For-each' للمصفوفات فقط ؛ يمكن استخدامه أيضًا مع أي كائن قابل للتكرار. هنا ، سنكرر الكائن المسمى ' معلومات الساعة ثلاثة أزواج ذات قيمة رئيسية:
يترك stdInfo = {بطاقة تعريف : 5 و
اسم: 'ميلي' و
عمر: خمسة عشر
} ؛
كرر الكائن باستخدام حلقة For-each باستخدام طريقة Object.keys () لطباعة خصائص الكائن مع القيم المرتبطة بها:
Object.keys ( معلومات الساعة ) .forEach ( وظيفة ( مفتاح ) {وحدة التحكم ( مفتاح + ':' + معلومات الساعة [ مفتاح ] ) ؛
} ) ؛
انتاج |
هذا كل شيء عن عمل حلقة For-Each في TypeScript.
خاتمة
يتم تنفيذ الحلقة 'For-each' في TypeScript باستخدام ' لكل () ”التي يتم استخدامها للتكرار خلال عناصر المصفوفة أو الكائنات الأخرى القابلة للتكرار. يقبل دالة رد نداء كوسيطة لها ، والتي يتم تنفيذها لكل عنصر في المصفوفة. يوضح هذا البرنامج التعليمي عمل حلقة For-each في TypeScript.