Hoe iets in JavaScript herhalen?

Hoe Iets In Javascript Herhalen



Herhaling is soms nodig om dynamische en interactieve webpagina's te bouwen. Herhaling in JavaScript biedt talloze functies, zoals taakautomatisering, flexibele/dynamische ontwikkeling van webapplicaties, verbeterde gebruikerservaring en nog veel meer. Herhaling kan in JavaScript op verschillende manieren worden bereikt.

Dit artikel bespreekt verschillende methoden voor hoe iets in JavaScript kan worden herhaald.

Hoe iets in JavaScript herhalen?

Een string kan in JavaScript op de volgende manieren worden herhaald:







Laten we elke methode in detail bekijken.



Methode 1: Herhaal iets in JavaScript met behulp van de While-lus

Terwijl ” is een controlestroominstructie in JavaScript die herhaaldelijk wordt uitgevoerd onder een opgegeven voorwaarde. Vóór elke iteratie wordt naar de voorwaarde gekeken. De while-lus loopt totdat de voorwaarde accuraat is. Zodra de voorwaarde onwaar is, stopt de uitvoering van de lus. De volgende code illustreert het herhalingsproces in JavaScript met behulp van de while-lussen:



DOCTYPEhtml >

< html >

< script >

functie herhalen ( str, tel ) {

laat rpt_Str = ' ' ;

terwijl ( graaf > 0 ) {

rpt_Str += str ;

graaf --;

}

opbrengst rpt_Str ;

}

document. schrijven ( herhalen ( 'TAYLOR' , 6 ) ) ;

script >

html >

In het bovenstaande voorbeeld:





  • Er wordt een functie repeat() gedefinieerd in de scripttag met de parameters “str” en “count”.
  • Vervolgens hebben we een lege string “rpt_str” gedefinieerd en een while-lus gestart met de voorwaarde dat het aantal groter dan 0 blijft.
  • “rpt_str” bevat de “str”-waarde en de while-lus werkt tenzij de voorwaarde niet meer waar is. In dit geval is de telwaarde 6, dus de string wordt 6 keer afgedrukt.

Uitvoer

De reeks “TAYLOR” wordt 6 keer herhaald, wat overeenkomt met het aantal:



Methode 2: Herhaal iets in JavaScript met behulp van de ES6 repeat()

ES6 herhalen() kan worden gebruikt om een ​​string in JavaScript te herhalen. Er wordt een string geretourneerd die bepaalde duplicaten heeft wanneer deze wordt aangeroepen. Hier is een voorbeeld van een code die laat zien hoe we een string kunnen herhalen met repeat():

DOCTYPEhtml >

< html >

< script >

functie rpt_str ( str, tel ) {

als ( graaf > 0 )

opbrengst str. herhalen ( graaf ) ;

anders

opbrengst '' ;

}

document. schrijven ( rpt_str ( ' JavaScript ' , 5 ) ) ;

script >

html >

In de bovenstaande code,

  • Er wordt een functie “rpt_str()” gedefinieerd met de parameters str en count.
  • De str-waarde wordt toegewezen als “JavaScript” en wordt herhaald volgens de waarde die is toegewezen aan het aantal.

Uitvoer

In dit voorbeeld is de waarde die aan count is toegewezen 5, dus de repeat()-functie herhaalt JavaScript 5 keer:

Methode 3: Herhaal iets in JavaScript met behulp van recursie

Recursie zorgt ervoor dat een functie zichzelf herhaaldelijk kan aanroepen, tenzij het gewenste resultaat wordt verkregen. Bij recursie moet een primair/basisscenario worden opgegeven om de recursie te beëindigen. Het is conventioneel binnen een voorwaardelijke clausule. De recursieve functie werkt door zichzelf herhaaldelijk aan te roepen totdat we het gewenste resultaat krijgen. Het volgende voorbeeld helpt bij het begrijpen van de recursiemethode om de herhaling in JavaScript uit te voeren:

! DOCTYPEhtml >

< html >

< script >

functie rpt_str ( str, tel ) {

als ( graaf < 0 )

opbrengst '' ;

als ( graaf === 1 )

opbrengst str ;

anders

opbrengst str + rpt_str ( str, tel - 1 ) ;

}

document. schrijven ( rpt_str ( ' CODE ' , 7 ) ) ;

script >

html >

In de bovenstaande code:

  • Er wordt een functie “rpt_str()” gedefinieerd met de parameters “str” en “count”.
  • Als de waarde van het aantal kleiner is dan 0, wordt een lege tekenreeks geretourneerd. Als de waarde van count 1 is, wordt str geretourneerd en als de waarde van str groter is dan 1, voegt de functie de invoerwaarde van str samen met het resultaat van rpt_str(str, count – 1).
  • Hier is de waarde van str “CODE” en de waarde van count is 7. Daarom zal de herhaalde string CODE 7 keer afdrukken.

Uitgang:

Methode 4: Herhaal iets in JavaScript met behulp van de functie fill().

JavaScript biedt een vullen() methode waarmee we een array met statische waarden kunnen vullen. Het kan worden gebruikt met de join()-functie om iets in JavaScript te herhalen. De tekenreekswaarden kunnen bijvoorbeeld in een lege array worden ingevoegd met behulp van de functie fill() en worden samengevoegd met de functie join() om de herhaalde tekenreeks te verkrijgen. Hier is een voorbeeld van code die laat zien hoe u een tekenreeks kunt herhalen met de functie fill():

< html >

< lichaam >

< script >

laat str = ' VOORKANT '

laat rpt_str = Array ( 5 ) . vullen ( str ) . meedoen ( '' )

document. schrijven ( rpt_str ) ;

script >

lichaam >

html >

In het bovenstaande voorbeeld:

  • Er wordt een variabele str gedefinieerd en toegewezen met de waarde “FRONTEND”.
  • De functie Array(5) creëert 5 slots waarin de string wordt gevuld en samengevoegd om een ​​herhaalde string te vormen. De waarde wordt opgeslagen in de variabele “rpt_str”.
  • document.write(rpt_str) zal de herhaalde string afdrukken.

Uitvoer

Bij het uitvoeren van de code wordt de string “FRONTEND” 5 keer herhaald:

Dat gaat allemaal over het herhalen van iets in JavaScript met behulp van verschillende methoden.

Conclusie

Een gebruikelijke methode om iets in JavaScript te herhalen is het gebruik van de ES6 repeat()-functie die een gespecificeerde parameter gebruikt die het aantal iteraties van het element aangeeft. Andere methoden zoals het gebruik van een while-lus, recursieve functies of de fill()-methode. In dit artikel worden verschillende manieren uitgelegd waarop iets in JavaScript kan worden herhaald, samen met de bijbehorende voorbeelden.