Πώς να επαναλάβετε κάτι στο JavaScript;

Pos Na Epanalabete Kati Sto Javascript



Επανάληψη μερικές φορές είναι απαραίτητο για τη δημιουργία δυναμικών και διαδραστικών ιστοσελίδων. Η επανάληψη στο JavaScript παρέχει πολυάριθμες δυνατότητες, όπως αυτοματοποίηση εργασιών, ευέλικτη/δυναμική ανάπτυξη εφαρμογών web, βελτιωμένη εμπειρία χρήστη και πολλά άλλα. Η επανάληψη μπορεί να επιτευχθεί σε JavaScript χρησιμοποιώντας διάφορες μεθόδους.

Αυτό το άρθρο εξετάζει διάφορες μεθόδους για το πώς κάτι μπορεί να επαναληφθεί σε JavaScript.

Πώς να επαναλάβετε κάτι στο JavaScript;

Μια συμβολοσειρά μπορεί να επαναληφθεί σε JavaScript με τους εξής τρόπους:







Ας εξετάσουμε λεπτομερώς κάθε μέθοδο.



Μέθοδος 1: Επαναλάβετε κάτι σε JavaScript χρησιμοποιώντας τον βρόχο while

' Ενώ ” είναι μια δήλωση ροής ελέγχου σε JavaScript που εκτελείται επανειλημμένα κάτω από μια καθορισμένη συνθήκη. Η συνθήκη εξετάζεται πριν από κάθε επανάληψη. Ο βρόχος while εκτελείται έως ότου η συνθήκη είναι ακριβής. Μόλις η συνθήκη είναι ψευδής, ο βρόχος σταματά να εκτελείται. Ο παρακάτω κώδικας απεικονίζει τη διαδικασία επανάληψης σε JavaScript χρησιμοποιώντας τους βρόχους while:



DOCTYPE html >

< html >

< γραφή >

επανάληψη λειτουργίας ( str, καταμέτρηση ) {

ας rpt_Str = '' ;

ενώ ( μετρώ > 0 ) {

rpt_Str += str ;

μετρώ --;

}

ΕΠΙΣΤΡΟΦΗ rpt_Str ;

}

έγγραφο. γράφω ( επαναλαμβάνω ( 'TAYLOR' , 6 ) ) ;

γραφή >

html >

Στο παραπάνω παράδειγμα:





  • Μια συνάρτηση repeat() ορίζεται μέσα στην ετικέτα script με τις παραμέτρους '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' που θα επαναληφθεί σύμφωνα με την τιμή που έχει εκχωρηθεί για μέτρηση.

Παραγωγή

Σε αυτό το παράδειγμα, η τιμή που έχει εκχωρηθεί για τη μέτρηση είναι 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' και η τιμή του count είναι 7, επομένως η επαναλαμβανόμενη συμβολοσειρά θα εκτυπώσει ΚΩΔΙΚΟ 7 φορές.

Παραγωγή:

Μέθοδος 4: Επαναλάβετε κάτι σε JavaScript χρησιμοποιώντας τη συνάρτηση fill().

Η JavaScript προσφέρει α γέμισμα() μέθοδος που μας επιτρέπει να γεμίσουμε έναν πίνακα με στατικές τιμές. Μπορεί να χρησιμοποιηθεί με τη συνάρτηση join() για να επαναλάβει κάτι στο JavaScript. Για παράδειγμα, οι τιμές συμβολοσειράς μπορούν να εισαχθούν σε έναν κενό πίνακα χρησιμοποιώντας τη συνάρτηση fill() και να ενωθούν μαζί με τη συνάρτηση join() για να ληφθεί η επαναλαμβανόμενη συμβολοσειρά. Ακολουθεί ένα παράδειγμα κώδικα που δείχνει πώς μπορείτε να επαναλάβετε μια συμβολοσειρά με τη συνάρτηση fill():

< html >

< σώμα >

< γραφή >

ας στρ = 'FRONTEND'

ας 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 μαζί με τα παραδείγματά τους.