מאמר זה דן בשיטות שונות כיצד ניתן לחזור על משהו ב-JavaScript.
איך לחזור על משהו ב-JavaScript?
ניתן לחזור על מחרוזת ב-JavaScript בדרכים הבאות:
הבה נבחן כל שיטה בפירוט.
שיטה 1: חזור על משהו ב-JavaScript באמצעות לולאת While
' בזמן ” הוא הצהרת זרימת בקרה ב-JavaScript המופעלת שוב ושוב בתנאי שצוין. המצב נבדק לפני כל איטרציה. לולאת ה-while פועלת עד שהמצב מדויק. ברגע שהתנאי הוא שקר, הלולאה מפסיקה לפעול. הקוד הבא ממחיש את תהליך החזרה ב-JavaScript באמצעות לולאות while:
DOCTYPE html >
< html >
< תַסרִיט >
פונקציה חוזרת ( str, לספור ) {
תן rpt_Str = '' ;
בזמן ( לספור > 0 ) {
rpt_Str += str ;
לספור --;
}
לַחֲזוֹר rpt_Str ;
}
מסמך. לִכתוֹב ( חזור ( 'טיילור' , 6 ) ) ;
תַסרִיט >
html >
בדוגמה לעיל:
- פונקציה repeat() מוגדרת בתוך תג הסקריפט עם הפרמטרים 'str', ו-'count'.
- לאחר מכן, הגדרנו מחרוזת ריקה 'rpt_str' והתחלנו לולאת while בתנאי שהספירה תישאר גדולה מ-0.
- 'rpt_str' מכיל את הערך 'str' ולולאת while פועלת אלא אם התנאי אינו נכון יותר. במקרה זה, ערך הספירה הוא 6 כך שהמחרוזת תודפס 6 פעמים.
תְפוּקָה
המחרוזת 'TAYLOR' תחזור על עצמה 6 פעמים וזה שווה ערך לספירה:
שיטה 2: חזור על משהו ב-JavaScript באמצעות ה-ES6 repeat()
ES6 חזור() ניתן להשתמש כדי לחזור על מחרוזת ב-JavaScript. מוחזרת מחרוזת שיש לה כפילויות מסוימות בעת קריאה. הנה דוגמה לקוד שמראה כיצד אנו יכולים לחזור על מחרוזת באמצעות repeat():
DOCTYPE html >< html >
< תַסרִיט >
פונקציה rpt_str ( str,count ) {
אם ( לספור > 0 )
לַחֲזוֹר str. חזור ( לספור ) ;
אַחֵר
לַחֲזוֹר '' ;
}
מסמך. לִכתוֹב ( rpt_str ( 'JavaScript' , 5 ) ) ;
תַסרִיט >
html >
בקוד למעלה,
- פונקציה 'rpt_str()' מוגדרת עם הפרמטרים str ו-count.
- הערך str מוקצה כ'JavaScript' שיחזור על פי הערך שהוקצה לספירה.
תְפוּקָה
בדוגמה זו, הערך שהוקצה ל-count הוא 5 כך שהפונקציה repeat() תחזור על JavaScript 5 פעמים:
שיטה 3: חזור על משהו ב-JavaScript באמצעות רקורסיה
הרקורסיה מאפשרת לפונקציה לקרוא לעצמה באופן חוזר אלא אם כן היא משיגה את התוצאה הרצויה. ברקורסיה, יש לציין מקרה ראשוני/בסיסי כדי לסיים את הרקורסיה. זה בדרך כלל בתוך סעיף מותנה. הפונקציה הרקורסיבית פועלת על ידי קריאה לעצמה באופן חוזר עד שנקבל את התוצאה הרצויה. הדוגמה הבאה עוזרת להבין את שיטת הרקורסיה לביצוע החזרה ב-JavaScript:
! DOCTYPE html >< html >
< תַסרִיט >
פונקציה rpt_str ( str,count ) {
אם ( לספור < 0 )
לַחֲזוֹר '' ;
אם ( לספור === 1 )
לַחֲזוֹר str ;
אַחֵר
לַחֲזוֹר str + rpt_str ( str, לספור - 1 ) ;
}
מסמך. לִכתוֹב ( rpt_str ( ' קוד ' , 7 ) ) ;
תַסרִיט >
html >
בקוד למעלה:
- פונקציה 'rpt_str()' מוגדרת עם הפרמטרים 'str' ו-'count'.
- אם ערך הספירה קטן מ-0, תוחזר מחרוזת ריקה. אם הערך של count הוא 1, הוא יחזיר str ואם הערך של str גדול מ-1, הפונקציה משרשרת את ערך הקלט של str עם התוצאה מ-rpt_str(str, count – 1).
- כאן, הערך של str הוא 'CODE' וערך הספירה הוא 7 ומכאן שהמחרוזת החוזרת תדפיס CODE 7 פעמים.
תְפוּקָה:
שיטה 4: חזור על משהו ב-JavaScript באמצעות הפונקציה fill()
JavaScript מציעה א למלא() שיטה המאפשרת לנו למלא מערך בערכים סטטיים. ניתן להשתמש בו עם הפונקציה join() כדי לחזור על משהו ב-JavaScript. לדוגמה, ניתן להכניס את ערכי המחרוזת למערך ריק באמצעות הפונקציה fill() ולצרף יחד עם הפונקציה join() כדי לקבל את המחרוזת החוזרת. הנה דוגמה לקוד שמראה כיצד ניתן לחזור על מחרוזת עם הפונקציה fill():
< html >< גוּף >
< תַסרִיט >
תן str = ' חזיתי '
תן rpt_str = מַעֲרָך ( 5 ) . למלא ( str ) . לְהִצְטַרֵף ( '' )
מסמך. לִכתוֹב ( rpt_str ) ;
תַסרִיט >
גוּף >
html >
בדוגמה לעיל:
- משתנה str מוגדר ומוקצה עם הערך ' FRONTEND '.
- הפונקציה Array(5) תיצור 5 חריצים שבהם המחרוזת תתמלא ותחבר יחד ליצירת מחרוזת חוזרת. הערך מאוחסן במשתנה 'rpt_str'.
- document.write(rpt_str) ידפיס את המחרוזת החוזרת.
תְפוּקָה
בהפעלת הקוד, המחרוזת 'FRONTEND' תחזור על עצמה 5 פעמים:
זה הכל על חזרה על משהו ב-JavaScript בשיטות שונות.
סיכום
שיטה רגילה לחזור על משהו ב-JavaScript היא שימוש בפונקציה ES6 repeat() שלוקחת פרמטר מוגדר המציין את מספר האיטרציות של האלמנט. שיטות אחרות כמו שימוש בלולאת while, פונקציות רקורסיביות או שיטת fill() . מאמר זה מסביר דרכים שונות שבהן ניתן לחזור על משהו ב-JavaScript יחד עם הדוגמאות שלהם.