Kuinka toistaa jotain JavaScriptissä?

Kuinka Toistaa Jotain Javascriptissa



Kertaus on joskus tarpeen dynaamisten ja vuorovaikutteisten verkkosivujen luomiseen. JavaScriptin toisto tarjoaa lukuisia ominaisuuksia, kuten tehtävien automatisoinnin, joustavan/dynaamisen verkkosovelluskehityksen, parannetun käyttökokemuksen ja paljon muuta. Toisto voidaan saavuttaa JavaScriptissä eri menetelmillä.

Tässä artikkelissa käsitellään erilaisia ​​tapoja, joilla jotain voidaan toistaa JavaScriptissä.

Kuinka toistaa jotain JavaScriptissä?

Merkkijono voidaan toistaa JavaScriptissä seuraavilla tavoilla:







Tarkastellaan jokaista menetelmää yksityiskohtaisesti.



Tapa 1: Toista jotain JavaScriptissä While-silmukan avulla

' Sillä aikaa ” on JavaScriptin ohjausvirtalause, joka suoritetaan toistuvasti tietyissä olosuhteissa. Ehto tarkistetaan ennen jokaista iteraatiota. While-silmukka toimii, kunnes ehto on oikea. Kun ehto on epätosi, silmukka lakkaa suorittamasta. Seuraava koodi havainnollistaa toistoprosessia JavaScriptissä while-silmukoilla:



DOCTYPE html >

< html >

< käsikirjoitus >

toiminnon toisto ( str, count ) {

anna rpt_Str = ' ' ;

sillä aikaa ( Kreivi > 0 ) {

rpt_Str += str ;

Kreivi --;

}

palata rpt_Str ;

}

asiakirja. kirjoittaa ( toistaa ( 'TAYLOR' , 6 ) ) ;

käsikirjoitus >

html >

Yllä olevassa esimerkissä:





  • Funktio repeat() määritellään komentosarjatunnisteen sisällä parametreilla 'str' ​​ja 'count'.
  • Seuraavaksi määritimme tyhjän merkkijonon 'rpt_str' ja aloitimme while-silmukan sillä ehdolla, että lukumäärä pysyy suurempana kuin 0.
  • 'rpt_str' sisältää 'str'-arvon ja while-silmukka toimii, ellei ehto ole enää tosi. Tässä tapauksessa laskenta-arvo on 6, joten merkkijono tulostetaan 6 kertaa.

Lähtö

Merkkijono 'TAYLOR' toistetaan 6 kertaa, mikä vastaa määrää:



Tapa 2: Toista jotain JavaScriptissä ES6-repeat()

ES6 toistaa() voidaan käyttää toistamaan merkkijono JavaScriptissä. Palautetaan merkkijono, jolla on tiettyjä kaksoiskappaleita kutsuttaessa. Tässä on esimerkki koodista, joka näyttää, kuinka voimme toistaa merkkijonon käyttämällä repeat(:tä):

DOCTYPE html >

< html >

< käsikirjoitus >

funktio rpt_str ( str, count ) {

jos ( Kreivi > 0 )

palata str. toistaa ( Kreivi ) ;

muu

palata '' ;

}

asiakirja. kirjoittaa ( rpt_str ( 'JavaScript' , 5 ) ) ;

käsikirjoitus >

html >

Yllä olevassa koodissa

  • Funktio “rpt_str()” määritellään parametreilla str ja count.
  • Str-arvo on määritetty 'JavaScriptiksi', joka toistuu laskettavaksi määritetyn arvon mukaan.

Lähtö

Tässä esimerkissä countille annettu arvo on 5, joten repeat()-funktio toistaa JavaScriptin 5 kertaa:

Tapa 3: Toista jotain JavaScriptissä rekursion avulla

Rekursio mahdollistaa funktion kutsuvan itseään toistuvasti, ellei se saa haluttua tulosta. Rekursiossa ensisijainen/perustapaus on määritettävä rekursion lopettamiseksi. Se on tavanomaisesti ehdollisen lausekkeen sisällä. Rekursiivinen funktio toimii kutsumalla itseään toistuvasti, kunnes saamme halutun tuloksen. Seuraava esimerkki auttaa ymmärtämään rekursiomenetelmän toiston tekemiseen JavaScriptissä:

! DOCTYPE html >

< html >

< käsikirjoitus >

funktio rpt_str ( str, count ) {

jos ( Kreivi < 0 )

palata '' ;

jos ( Kreivi === 1 )

palata str ;

muu

palata str + rpt_str ( str, count - 1 ) ;

}

asiakirja. kirjoittaa ( rpt_str ( 'KOODI' , 7 ) ) ;

käsikirjoitus >

html >

Yllä olevassa koodissa:

  • Funktio 'rpt_str()' määritellään parametreilla 'str' ​​ja 'count'.
  • Jos luvun arvo on pienempi kuin 0, palautetaan tyhjä merkkijono. Jos countin arvo on 1, se palauttaa str:n ja jos str:n arvo on suurempi kuin 1, funktio ketjuttaa str:n syötearvon rpt_str(str, count – 1) tulokseen.
  • Tässä str:n arvo on 'CODE' ja count:n arvo on 7, joten toistuva merkkijono tulostaa CODE:n 7 kertaa.

Lähtö:

Tapa 4: Toista jotain JavaScriptissä käyttämällä fill()-funktiota

JavaScript tarjoaa a täyttää() menetelmä, jonka avulla voimme täyttää taulukon staattisilla arvoilla. Sitä voidaan käyttää join()-funktion kanssa toistamaan jotain JavaScriptissä. Esimerkiksi merkkijonoarvot voidaan lisätä tyhjään taulukkoon fill()-funktiolla ja liittää yhteen join()-funktion kanssa toistuvan merkkijonon saamiseksi. Tässä on esimerkki koodista, joka näyttää kuinka voit toistaa merkkijonon fill()-funktiolla:

< html >

< kehon >

< käsikirjoitus >

anna str = 'ETTU'

anna rpt_str = Array ( 5 ) . täyttää ( str ) . liittyä seuraan ( '' )

asiakirja. kirjoittaa ( rpt_str ) ;

käsikirjoitus >

kehon >

html >

Yllä olevassa esimerkissä:

  • Muuttuja str määritellään ja sille annetaan arvo ' FRONTEND '.
  • Funktio Array(5) luo 5 paikkaa, joissa merkkijono täytetään ja liitetään yhteen toistuvan merkkijonon muodostamiseksi. Arvo tallennetaan muuttujaan “rpt_str”.
  • document.write(rpt_str) tulostaa toistuvan merkkijonon.

Lähtö

Koodia suoritettaessa merkkijono 'FRONTEND' toistetaan 5 kertaa:

Kyse on kaiken toistamisesta JavaScriptissä eri menetelmillä.

Johtopäätös

Tavallinen tapa toistaa jotain JavaScriptissä on ES6-repeat()-funktio, joka ottaa tietyn parametrin, joka ilmaisee elementin iteraatioiden määrän. Muut menetelmät, kuten while-silmukan, rekursiivisten funktioiden tai fill()-menetelmän käyttö. Tässä artikkelissa selitetään erilaisia ​​tapoja, joilla jotain voidaan toistaa JavaScriptissä esimerkkien kanssa.