Hvordan gjenta noe i JavaScript?

Hvordan Gjenta Noe I Javascript



Gjentakelse er noen ganger nødvendig for å bygge dynamiske og interaktive nettsider. Repetisjon i JavaScript gir en rekke funksjoner som oppgaveautomatisering, fleksibel/dynamisk utvikling av nettapplikasjoner, forbedret brukeropplevelse og mange flere. Repetisjon kan oppnås i JavaScript ved hjelp av ulike metoder.

Denne artikkelen diskuterer ulike metoder for hvordan noe kan gjentas i JavaScript.

Hvordan gjenta noe i JavaScript?

En streng kan gjentas i JavaScript på følgende måter:







La oss se nærmere på hver metode.



Metode 1: Gjenta noe i JavaScript ved å bruke While-løkken

' Samtidig som ” er en kontrollflytsetning i JavaScript som kjøres gjentatte ganger under en spesifisert tilstand. Tilstanden blir sett over før hver iterasjon. While-løkken går til tilstanden er nøyaktig. Når betingelsen er falsk, slutter loopen å kjøre. Følgende kode illustrerer repetisjonsprosessen i JavaScript ved å bruke while-løkkene:



DOCTYPE html >

< html >

< manus >

funksjon gjenta ( str, telle ) {

la rpt_Str = ' ' ;

samtidig som ( telle > 0 ) {

rpt_Str += str ;

telle --;

}

komme tilbake rpt_Str ;

}

dokument. skrive ( gjenta ( ' SKREDDER ' , 6 ) ) ;

manus >

html >

I eksemplet ovenfor:





  • En funksjon repeat() er definert inne i skriptkoden med parameterne 'str' ​​og 'count'.
  • Deretter definerte vi en tom streng 'rpt_str' og startet en while-løkke med betingelsen om at antallet forblir større enn 0.
  • 'rpt_str' inneholder 'str'-verdien og while-løkken fungerer med mindre betingelsen ikke er sann lenger. I dette tilfellet er telleverdien 6, så strengen vil bli skrevet ut 6 ganger.

Produksjon

Strengen 'TAYLOR' vil bli gjentatt 6 ganger som tilsvarer antallet:



Metode 2: Gjenta noe i JavaScript ved å bruke ES6 repeat()

ES6 gjenta() kan brukes til å gjenta en streng i JavaScript. En streng returneres som har spesielle duplikater når den kalles. Her er et eksempel på en kode som viser hvordan vi kan gjenta en streng ved å bruke repeat():

DOCTYPE html >

< html >

< manus >

funksjon rpt_str ( str, telle ) {

hvis ( telle > 0 )

komme tilbake str. gjenta ( telle ) ;

ellers

komme tilbake '' ;

}

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

manus >

html >

I koden ovenfor,

  • En funksjon 'rpt_str()' er definert med parameterne str og count.
  • Str-verdien er tilordnet som 'JavaScript' som vil gjentas i henhold til verdien som er tildelt for å telle.

Produksjon

I dette eksemplet er verdien som er tildelt telling 5, så repeat()-funksjonen vil gjenta JavaScript 5 ganger:

Metode 3: Gjenta noe i JavaScript ved å bruke rekursjon

Rekursjon gjør at en funksjon kan kalle seg selv gjentatte ganger med mindre den får det ønskede resultatet. Ved rekursjon må et primær-/grunntilfelle spesifiseres for å avslutte rekursjonen. Det er konvensjonelt innenfor en betinget klausul. Den rekursive funksjonen fungerer ved å kalle seg selv gjentatte ganger til vi får ønsket resultat. Følgende eksempel hjelper deg med å forstå rekursjonsmetoden for å utføre repetisjonen i JavaScript:

! DOCTYPE html >

< html >

< manus >

funksjon rpt_str ( str, telle ) {

hvis ( telle < 0 )

komme tilbake '' ;

hvis ( telle === 1 )

komme tilbake str ;

ellers

komme tilbake str + rpt_str ( str, telle - 1 ) ;

}

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

manus >

html >

I koden ovenfor:

  • En funksjon 'rpt_str()' er definert med parameterne 'str' ​​og 'count'.
  • Hvis verdien av tellingen er mindre enn 0, vil en tom streng bli returnert. Hvis verdien av count er 1, vil den returnere str og hvis verdien av str er større enn 1, kobler funksjonen sammen inngangsverdien til str med resultatet fra rpt_str(str, count – 1).
  • Her er verdien av str 'CODE' og verdien av count er 7, derfor vil den gjentatte strengen skrives ut CODE 7 ganger.

Produksjon:

Metode 4: Gjenta noe i JavaScript ved å bruke fill()-funksjonen

JavaScript tilbyr en fylle() metode som lar oss fylle en matrise med statiske verdier. Den kan brukes med join()-funksjonen for å gjenta noe i JavaScript. For eksempel kan strengverdiene settes inn i en tom matrise ved å bruke fill()-funksjonen og kobles sammen med join()-funksjonen for å få den gjentatte strengen. Her er et eksempel på kode som viser hvordan du kan gjenta en streng med fill()-funksjonen:

< html >

< kropp >

< manus >

la str = ' FRONTEND '

la rpt_str = Array ( 5 ) . fylle ( str ) . bli med ( '' )

dokument. skrive ( rpt_str ) ;

manus >

kropp >

html >

I eksemplet ovenfor:

  • En variabel str er definert og tilordnet verdien ' FRONTEND '.
  • Funksjonen Array(5) vil lage 5 spor der strengen skal fylles og settes sammen for å danne en gjentatt streng. Verdien lagres i variabelen 'rpt_str'.
  • document.write(rpt_str) vil skrive ut den gjentatte strengen.

Produksjon

Når du kjører koden, vil strengen 'FRONTEND' bli gjentatt 5 ganger:

Det handler om å gjenta noe i JavaScript ved å bruke forskjellige metoder.

Konklusjon

En vanlig metode for å gjenta noe i JavaScript er å bruke funksjonen ES6 repeat() som tar en spesifisert parameter som indikerer antall iterasjoner av elementet. Andre metoder som å bruke en while-løkke, rekursive funksjoner eller fill()-metoden. Denne artikkelen forklarer ulike måter noe kan gjentas i JavaScript sammen med eksemplene deres.