تتناول هذه المقالة الطرق المختلفة لكيفية تكرار شيء ما في JavaScript.
كيفية تكرار شيء ما في جافا سكريبت؟
يمكن تكرار السلسلة في JavaScript بالطرق التالية:
دعونا ننظر في كل طريقة بالتفصيل.
الطريقة الأولى: تكرار شيء ما في JavaScript باستخدام حلقة while
' بينما ' عبارة عن عبارة تحكم في التدفق في JavaScript يتم تنفيذها بشكل متكرر وفقًا لشرط محدد. يتم النظر في الحالة قبل كل تكرار. يتم تشغيل الحلقة while حتى يصبح الشرط دقيقًا. بمجرد أن يكون الشرط خاطئًا، تتوقف الحلقة عن التنفيذ. يوضح التعليمة البرمجية التالية عملية التكرار في JavaScript باستخدام حلقات while:
نوع الوثيقة أتش تي أم أل >
< لغة البرمجة >
< النصي >
تكرار الوظيفة ( شارع، العد ) {
اسمحوا rpt_Str = ' ' ;
بينما ( عدد > 0 ) {
rpt_Str += شارع ;
عدد --;
}
يعود rpt_Str ;
}
وثيقة. يكتب ( يكرر ( 'تايلور' , 6 ) ) ;
النصي >
لغة البرمجة >
في المثال أعلاه:
- يتم تعريف الدالة Repeat() داخل علامة البرنامج النصي باستخدام المعلمات 'str' و'count'.
- بعد ذلك، قمنا بتحديد سلسلة فارغة 'rpt_str' وبدأنا حلقة while بشرط أن يظل العدد أكبر من 0.
- يحتوي 'rpt_str' على قيمة 'str' وتعمل الحلقة while إلا إذا أصبح الشرط غير صحيح بعد الآن. في هذه الحالة، قيمة العد هي 6 لذا ستتم طباعة السلسلة 6 مرات.
انتاج |
سيتم تكرار السلسلة 'TAYLOR' 6 مرات وهو ما يعادل العدد:
الطريقة الثانية: تكرار شيء ما في JavaScript باستخدام تكرار ES6 ()
ES6 يكرر() يمكن استخدامها لتكرار سلسلة في JavaScript. يتم إرجاع سلسلة تحتوي على تكرارات معينة عند استدعائها. فيما يلي مثال للكود الذي يوضح كيف يمكننا تكرار سلسلة باستخدام تكرار ():
نوع الوثيقة أتش تي أم أل >< لغة البرمجة >
< النصي >
الدالة rpt_str ( شارع، العد ) {
لو ( عدد > 0 )
يعود شارع. يكرر ( عدد ) ;
آخر
يعود '' ;
}
وثيقة. يكتب ( rpt_str ( 'جافا سكريبت' , 5 ) ) ;
النصي >
لغة البرمجة >
في الكود أعلاه،
- يتم تعريف الدالة 'rpt_str()' باستخدام المعلمات str والعدد.
- يتم تعيين قيمة str كـ 'JavaScript' والتي ستتكرر وفقًا للقيمة المخصصة للعد.
انتاج |
في هذا المثال، القيمة المخصصة للعدد هي 5 لذا فإن الدالة Repeat() تكرر JavaScript 5 مرات:
الطريقة الثالثة: تكرار شيء ما في JavaScript باستخدام العودية
يمكّن العودية الدالة من استدعاء نفسها بشكل متكرر ما لم تحصل على النتيجة المرجوة. في العودية، يجب تحديد حالة أساسية/أساسية لإنهاء العودية. وهو تقليديا ضمن شرط مشروط. تعمل الدالة العودية من خلال استدعاء نفسها بشكل متكرر حتى نحصل على النتيجة المرجوة. يساعد المثال التالي على فهم طريقة العودية للقيام بالتكرار في JavaScript:
! نوع الوثيقة أتش تي أم أل >< لغة البرمجة >
< النصي >
الدالة rpt_str ( شارع، العد ) {
لو ( عدد < 0 )
يعود '' ;
لو ( عدد === 1 )
يعود شارع ;
آخر
يعود شارع + rpt_str ( شارع، العد - 1 ) ;
}
وثيقة. يكتب ( rpt_str ( ' شفرة ' , 7 ) ) ;
النصي >
لغة البرمجة >
في الكود أعلاه:
- يتم تعريف الدالة 'rpt_str()' باستخدام المعلمات 'str' و'count'.
- إذا كانت قيمة العد أقل من 0، فسيتم إرجاع سلسلة فارغة. إذا كانت قيمة العد هي 1، فسوف تُرجع str وإذا كانت قيمة str أكبر من 1، تقوم الدالة بتسلسل قيمة إدخال str مع النتيجة من rpt_str(str, count – 1).
- هنا، قيمة str هي 'CODE' وقيمة العد هي 7 وبالتالي فإن السلسلة المتكررة ستطبع CODE 7 مرات.
انتاج:
الطريقة الرابعة: تكرار شيء ما في JavaScript باستخدام وظيفة fill()
تقدم جافا سكريبت أ يملأ() الطريقة التي تسمح لنا بملء مصفوفة بقيم ثابتة. يمكن استخدامه مع وظيفة join() لتكرار شيء ما في JavaScript. على سبيل المثال، يمكن إدراج قيم السلسلة في مصفوفة فارغة باستخدام الدالة fill() وضمها مع الدالة join() للحصول على السلسلة المتكررة. فيما يلي مثال للتعليمة البرمجية التي توضح كيف يمكنك تكرار سلسلة باستخدام وظيفة fill():
< لغة البرمجة >< جسم >
< النصي >
اسمحوا شارع = ' نهاية المقدمة '
اسمحوا rpt_str = مجموعة مصفوفة ( 5 ) . يملأ ( شارع ) . ينضم ( '' )
وثيقة. يكتب ( rpt_str ) ;
النصي >
جسم >
لغة البرمجة >
في المثال أعلاه:
- يتم تعريف المتغير str وتعيينه بالقيمة 'FRONTEND'.
- ستقوم الدالة Array(5) بإنشاء 5 فتحات سيتم فيها ملء السلسلة وربطها معًا لتكوين سلسلة متكررة. يتم تخزين القيمة في المتغير 'rpt_str'.
- سوف يقوم document.write(rpt_str) بطباعة السلسلة المتكررة.
انتاج |
عند تشغيل الكود، سيتم تكرار السلسلة 'FRONTEND' 5 مرات:
يتعلق الأمر كله بتكرار شيء ما في JavaScript باستخدام طرق مختلفة.
خاتمة
الطريقة المعتادة لتكرار شيء ما في JavaScript هي استخدام وظيفة تكرار ES6 () التي تأخذ معلمة محددة تشير إلى عدد تكرارات العنصر. طرق أخرى مثل استخدام حلقة while، أو الدوال العودية، أو طريقة fill(). تشرح هذه المقالة الطرق المختلفة التي يمكن من خلالها تكرار شيء ما في JavaScript مع الأمثلة الخاصة بها.