Hvordan gentager man noget i JavaScript?

Hvordan Gentager Man Noget I Javascript



Gentagelse er nogle gange nødvendigt for at bygge dynamiske og interaktive websider. Gentagelse i JavaScript giver adskillige funktioner såsom opgaveautomatisering, fleksibel/dynamisk webapplikationsudvikling, forbedret brugeroplevelse og mange flere. Gentagelse kan opnås i JavaScript ved hjælp af forskellige metoder.

Denne artikel diskuterer forskellige metoder til, hvordan noget kan gentages i JavaScript.

Hvordan gentager man noget i JavaScript?

En streng kan gentages i JavaScript på følgende måder:







Lad os se nærmere på hver metode.



Metode 1: Gentag noget i JavaScript ved hjælp af While-løkken

Mens ” er en kontrolflow-sætning i JavaScript, der udføres gentagne gange under en specificeret betingelse. Tilstanden bliver undersøgt før hver iteration. While-løkken løber, indtil tilstanden er nøjagtig. Når betingelsen er falsk, stopper løkken med at udføre. Følgende kode illustrerer gentagelsesprocessen i JavaScript ved hjælp af while-løkkerne:



DOCTYPE html >

< html >

< manuskript >

funktion gentage ( str, tælle ) {

lad rpt_Str = ' ' ;

mens ( tælle > 0 ) {

rpt_Str += str ;

tælle --;

}

Vend tilbage rpt_Str ;

}

dokument. skrive ( gentage ( 'TAYLOR' , 6 ) ) ;

manuskript >

html >

I ovenstående eksempel:





  • En funktion repeat() er defineret inde i script-tagget med parametrene 'str' ​​og 'count'.
  • Dernæst definerede vi en tom streng 'rpt_str' og startede en while-løkke med den betingelse, at antallet forbliver større end 0.
  • 'rpt_str' indeholder 'str'-værdien, og while-løkken fungerer, medmindre betingelsen ikke længere er sand. I dette tilfælde er tælleværdien 6, så strengen udskrives 6 gange.

Produktion

Strengen 'TAYLOR' vil blive gentaget 6 gange, hvilket svarer til antallet:



Metode 2: Gentag noget i JavaScript ved hjælp af ES6 repeat()

ES6 gentage() kan bruges til at gentage en streng i JavaScript. En streng returneres, som har særlige dubletter, når den kaldes. Her er et eksempel på en kode, der viser, hvordan vi kan gentage en streng ved hjælp af repeat():

DOCTYPE html >

< html >

< manuskript >

funktion rpt_str ( str, tælle ) {

hvis ( tælle > 0 )

Vend tilbage str. gentage ( tælle ) ;

andet

Vend tilbage '' ;

}

dokument. skrive ( rpt_str ( 'JavaScript' , 5 ) ) ;

manuskript >

html >

I ovenstående kode,

  • En funktion 'rpt_str()' er defineret med parametrene str og count.
  • Str-værdien er tildelt som 'JavaScript', som gentages i henhold til den værdi, der er tildelt til at tælle.

Produktion

I dette eksempel er den værdi, der er tildelt tælle, 5, så funktionen repeat() gentager JavaScript 5 gange:

Metode 3: Gentag noget i JavaScript ved hjælp af rekursion

Rekursion gør det muligt for en funktion at kalde sig selv gentagne gange, medmindre den får det ønskede resultat. Ved rekursion skal der angives et primært/basistilfælde for at afslutte rekursionen. Det er konventionelt inden for en betinget klausul. Den rekursive funktion fungerer ved at kalde sig selv gentagne gange, indtil vi får det ønskede resultat. Følgende eksempel hjælper med at forstå rekursionsmetoden til at udføre gentagelsen i JavaScript:

! DOCTYPE html >

< html >

< manuskript >

funktion rpt_str ( str, tælle ) {

hvis ( tælle < 0 )

Vend tilbage '' ;

hvis ( tælle === 1 )

Vend tilbage str ;

andet

Vend tilbage str + rpt_str ( str, tælle - 1 ) ;

}

dokument. skrive ( rpt_str ( 'KODE' , 7 ) ) ;

manuskript >

html >

I ovenstående kode:

  • En funktion 'rpt_str()' er defineret med parametrene 'str' ​​og 'count'.
  • Hvis værdien af ​​optællingen er mindre end 0, vil en tom streng blive returneret. Hvis værdien af ​​count er 1, vil den returnere str, og hvis værdien af ​​str er større end 1, sammenkæder funktionen inputværdien af ​​str med resultatet fra rpt_str(str, count – 1).
  • Her er værdien af ​​str 'CODE', og værdien af ​​count er 7, derfor vil den gentagne streng udskrive CODE 7 gange.

Produktion:

Metode 4: Gentag noget i JavaScript ved hjælp af fill()-funktionen

JavaScript tilbyder en fylde() metode, der giver os mulighed for at fylde et array med statiske værdier. Den kan bruges med join()-funktionen til at gentage noget i JavaScript. For eksempel kan strengværdierne indsættes i et tomt array ved hjælp af fill()-funktionen og slås sammen med join()-funktionen for at få den gentagne streng. Her er et eksempel på kode, der viser, hvordan du kan gentage en streng med fill()-funktionen:

< html >

< legeme >

< manuskript >

lad str = ' FRONTEND '

lad rpt_str = Array ( 5 ) . fylde ( str ) . tilslutte ( '' )

dokument. skrive ( rpt_str ) ;

manuskript >

legeme >

html >

I ovenstående eksempel:

  • En variabel str er defineret og tildelt værdien ' FRONTEND '.
  • Funktionen Array(5) vil skabe 5 slots, hvor strengen vil blive udfyldt og sat sammen for at danne en gentaget streng. Værdien gemmes i variablen 'rpt_str'.
  • document.write(rpt_str) vil udskrive den gentagne streng.

Produktion

Når du kører koden, vil strengen 'FRONTEND' blive gentaget 5 gange:

Det handler om at gentage noget i JavaScript ved hjælp af forskellige metoder.

Konklusion

En sædvanlig metode til at gentage noget i JavaScript er at bruge ES6 repeat()-funktionen, der tager en specificeret parameter, der angiver antallet af iterationer af elementet. Andre metoder som at bruge en while-løkke, rekursive funktioner eller fill()-metoden. Denne artikel forklarer forskellige måder noget kan gentages i JavaScript sammen med deres eksempler.