Comment répéter quelque chose en JavaScript ?

Comment Repeter Quelque Chose En Javascript



Répétition est parfois nécessaire pour construire des pages web dynamiques et interactives. La répétition en JavaScript offre de nombreuses fonctionnalités telles que l'automatisation des tâches, le développement d'applications Web flexibles/dynamiques, une expérience utilisateur améliorée et bien d'autres. La répétition peut être réalisée en JavaScript en utilisant diverses méthodes.

Cet article traite de différentes méthodes permettant de répéter quelque chose en JavaScript.

Comment répéter quelque chose en JavaScript ?

Une chaîne peut être répétée en JavaScript des manières suivantes :







Examinons chaque méthode en détail.



Méthode 1 : répéter quelque chose en JavaScript à l'aide de la boucle While

' Alors que ' est une instruction de flux de contrôle en JavaScript qui s'exécute à plusieurs reprises dans une condition spécifiée. La condition est examinée avant chaque itération. La boucle while s'exécute jusqu'à ce que la condition soit exacte. Une fois la condition fausse, la boucle cesse de s'exécuter. Le code suivant illustre le processus de répétition en JavaScript à l'aide des boucles while :



DOCTYPEhtml >

< HTML >

< scénario >

fonction répétition ( str, compte ) {

laissez rpt_Str = ' ' ;

alors que ( compter > 0 ) {

rpt_Str += str ;

compter --;

}

retour rpt_Str ;

}

document. écrire ( répéter ( 'TAYLOR' , 6 ) ) ;

scénario >

HTML >

Dans l'exemple ci-dessus :





  • Une fonction repeat() est définie à l'intérieur de la balise script avec les paramètres « str » et « count ».
  • Ensuite, nous avons défini une chaîne vide « rpt_str » et démarré une boucle while avec la condition que le nombre reste supérieur à 0.
  • 'rpt_str' contient la valeur 'str' ​​et la boucle while fonctionne sauf si la condition n'est plus vraie. Dans ce cas, la valeur du compte est 6 donc la chaîne sera imprimée 6 fois.

Sortir

La chaîne « TAYLOR » sera répétée 6 fois ce qui équivaut au décompte :



Méthode 2 : Répéter quelque chose en JavaScript à l’aide de la répétition ES6()

ES6 répéter() peut être utilisé pour répéter une chaîne en JavaScript. Une chaîne est renvoyée qui comporte des doublons particuliers lorsqu'elle est appelée. Voici un exemple de code qui montre comment répéter une chaîne en utilisant Repeat() :

DOCTYPEhtml >

< HTML >

< scénario >

fonction rpt_str ( str,compte ) {

si ( compter > 0 )

retour rue. répéter ( compter ) ;

autre

retour '' ;

}

document. écrire ( rpt_str ( ' Javascript ' , 5 ) ) ;

scénario >

HTML >

Dans le code ci-dessus,

  • Une fonction « rpt_str() » est définie avec les paramètres str et count.
  • La valeur str est attribuée en tant que « JavaScript » qui se répétera en fonction de la valeur attribuée à count.

Sortir

Dans cet exemple, la valeur attribuée à count est 5, donc la fonction repeat() répétera JavaScript 5 fois :

Méthode 3 : Répéter quelque chose en JavaScript à l’aide de la récursion

La récursivité permet à une fonction de s'appeler de manière répétitive à moins qu'elle n'obtienne le résultat souhaité. En récursivité, un cas principal/de base doit être spécifié pour mettre fin à la récursion. Il s'agit classiquement d'une clause conditionnelle. La fonction récursive fonctionne en s'appelant de manière répétitive jusqu'à ce que nous obtenions le résultat souhaité. L'exemple suivant aide à comprendre la méthode de récursion pour effectuer la répétition en JavaScript :

! DOCTYPEhtml >

< HTML >

< scénario >

fonction rpt_str ( str,compte ) {

si ( compter < 0 )

retour '' ;

si ( compter === 1 )

retour str ;

autre

retour str + rpt_str ( str, compte - 1 ) ;

}

document. écrire ( rpt_str ( ' CODE ' , 7 ) ) ;

scénario >

HTML >

Dans le code ci-dessus :

  • Une fonction « rpt_str() » est définie avec les paramètres « str » et « count ».
  • Si la valeur du compte est inférieure à 0, une chaîne vide sera renvoyée. Si la valeur de count est 1, elle renverra str et si la valeur de str est supérieure à 1, la fonction concatène la valeur d'entrée de str avec le résultat de rpt_str(str, count – 1).
  • Ici, la valeur de str est « CODE » et la valeur de count est 7, donc la chaîne répétée imprimera CODE 7 fois.

Sortir:

Méthode 4 : répéter quelque chose en JavaScript à l'aide de la fonction fill()

JavaScript offre un remplir() méthode qui nous permet de remplir un tableau avec des valeurs statiques. Il peut être utilisé avec la fonction join() pour répéter quelque chose en JavaScript. Par exemple, les valeurs de chaîne peuvent être insérées dans un tableau vide à l'aide de la fonction fill() et réunies avec la fonction join() pour obtenir la chaîne répétée. Voici un exemple de code qui montre comment répéter une chaîne avec la fonction fill() :

< HTML >

< corps >

< scénario >

laisse str = ' L'EXTRÉMITÉ AVANT '

laissez rpt_str = Tableau ( 5 ) . remplir ( str ) . rejoindre ( '' )

document. écrire ( rpt_str ) ;

scénario >

corps >

HTML >

Dans l'exemple ci-dessus :

  • Une variable str est définie et affectée à la valeur « FRONTEND ».
  • La fonction Array(5) créera 5 emplacements dans lesquels la chaîne sera remplie et réunie pour former une chaîne répétée. La valeur est stockée dans la variable « rpt_str ».
  • document.write(rpt_str) imprimera la chaîne répétée.

Sortir

A l'exécution du code, la chaîne « FRONTEND » sera répétée 5 fois :

Il s’agit de répéter quelque chose en JavaScript en utilisant différentes méthodes.

Conclusion

Une méthode habituelle pour répéter quelque chose en JavaScript consiste à utiliser la fonction ES6 repeat() qui prend un paramètre spécifié indiquant le nombre d'itérations de l'élément. D'autres méthodes comme l'utilisation d'une boucle while, de fonctions récursives ou de la méthode fill(). Cet article explique différentes manières de répéter quelque chose en JavaScript avec leurs exemples.