Kuidas JavaScriptis midagi korrata?

Kuidas Javascriptis Midagi Korrata



Kordamine on mõnikord vajalik dünaamiliste ja interaktiivsete veebilehtede loomiseks. JavaScripti kordamine pakub arvukalt funktsioone, nagu ülesannete automatiseerimine, paindlik/dünaamiline veebirakenduste arendus, täiustatud kasutajakogemus ja palju muud. JavaScriptis saab kordamist saavutada erinevate meetodite abil.

Selles artiklis käsitletakse erinevaid meetodeid, kuidas JavaScriptis midagi korrata.

Kuidas JavaScriptis midagi korrata?

Stringi saab JavaScriptis korrata järgmistel viisidel:







Vaatleme üksikasjalikult iga meetodit.



1. meetod: korrake midagi JavaScriptis, kasutades while-tsüklit

Kuigi ” on JavaScripti juhtimisvoo avaldus, mis käivitub korduvalt teatud tingimustel. Tingimus vaadatakse enne iga iteratsiooni üle. While-silmus jookseb seni, kuni tingimus on täpne. Kui tingimus on vale, lõpetab tsükli täitmise. Järgmine kood illustreerib kordamisprotsessi JavaScriptis, kasutades while-tsüklit:



DOCTYPE html >

< html >

< stsenaarium >

funktsiooni kordamine ( str, arv ) {

lase rpt_Str = ' ' ;

samal ajal ( loendama > 0 ) {

rpt_Str += str ;

loendama --;

}

tagasi rpt_Str ;

}

dokument. kirjutada ( korda ( 'TAYLOR' , 6 ) ) ;

stsenaarium >

html >

Ülaltoodud näites:





  • Funktsioon repeat() on määratletud skriptimärgendi sees parameetritega 'str' ​​ja 'count'.
  • Järgmisena määratlesime tühja stringi 'rpt_str' ja alustasime time-tsüklit tingimusega, et arv jääb suuremaks kui 0.
  • 'rpt_str' sisaldab väärtust 'str' ​​ja while-tsükkel töötab, kui tingimus ei ole enam tõene. Sel juhul on loendusväärtus 6, nii et stringi prinditakse 6 korda.

Väljund

Stringi 'TAYLOR' korratakse 6 korda, mis on samaväärne arvuga:



2. meetod: korrake midagi JavaScriptis, kasutades ES6 repeat()

ES6 kordama () saab kasutada stringi kordamiseks JavaScriptis. Tagastab string, millel on kutsumisel teatud duplikaadid. Siin on näide koodist, mis näitab, kuidas saame stringi korrata, kasutades replikat ():

DOCTYPE html >

< html >

< stsenaarium >

funktsioon rpt_str ( str,count ) {

kui ( loendama > 0 )

tagasi str. korda ( loendama ) ;

muidu

tagasi '' ;

}

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

stsenaarium >

html >

Ülaltoodud koodis

  • Funktsioon “rpt_str()” on määratletud parameetritega str ja count.
  • Str-väärtus on määratud kui JavaScript, mis kordub vastavalt loendamisele määratud väärtusele.

Väljund

Selles näites on loendusele määratud väärtus 5, nii et funktsioon repeat() kordab JavaScripti 5 korda:

3. meetod: korrake midagi JavaScriptis rekursiooni abil

Rekursioon võimaldab funktsioonil end korduvalt kutsuda, välja arvatud juhul, kui see saavutab soovitud tulemust. Rekursioonis tuleb rekursiooni lõpetamiseks määrata esmane/põhijuhtum. Tavaliselt on see tingimusklauslis. Rekursiivne funktsioon helistab end korduvalt, kuni saame soovitud tulemuse. Järgmine näide aitab mõista JavaScriptis kordamise rekursioonimeetodit:

! DOCTYPE html >

< html >

< stsenaarium >

funktsioon rpt_str ( str,count ) {

kui ( loendama < 0 )

tagasi '' ;

kui ( loendama === 1 )

tagasi str ;

muidu

tagasi str + rpt_str ( str, arv - 1 ) ;

}

dokument. kirjutada ( rpt_str ( 'CODE' , 7 ) ) ;

stsenaarium >

html >

Ülaltoodud koodis:

  • Funktsioon 'rpt_str()' on määratletud parameetritega 'str' ​​ja 'count'.
  • Kui loenduse väärtus on väiksem kui 0, tagastatakse tühi string. Kui loendi väärtus on 1, tagastab see str ja kui str väärtus on suurem kui 1, ühendab funktsioon str sisendväärtuse rpt_str(str, count – 1) tulemusega.
  • Siin on str väärtus 'CODE' ja loenduse väärtus on 7, seega prindib korduv string KOODI 7 korda.

Väljund:

4. meetod: korrake midagi JavaScriptis, kasutades funktsiooni fill ().

JavaScript pakub a täida () meetod, mis võimaldab täita massiivi staatiliste väärtustega. Seda saab kasutada koos funktsiooniga join() JavaScriptis millegi kordamiseks. Näiteks saab stringi väärtused sisestada tühja massiivi, kasutades funktsiooni fill() ja ühendada funktsiooniga join(), et saada korduv string. Siin on näide koodist, mis näitab, kuidas saate funktsiooni fill() abil stringi korrata:

< html >

< keha >

< stsenaarium >

las str = ' ESIOTS '

lase rpt_str = Massiiv ( 5 ) . täita ( str ) . liituda ( '' )

dokument. kirjutada ( rpt_str ) ;

stsenaarium >

keha >

html >

Ülaltoodud näites:

  • Muutuja str määratletakse ja omistatakse väärtusega ' FRONTEND '.
  • Funktsioon Array(5) loob 5 pilu, milles string täidetakse ja ühendatakse korduvaks stringiks. Väärtus salvestatakse muutujas “rpt_str”.
  • document.write(rpt_str) prindib korduva stringi.

Väljund

Koodi käivitamisel korratakse stringi 'FRONTEND' 5 korda:

See kõik puudutab JavaScriptis millegi kordamist erinevate meetodite abil.

Järeldus

Tavaline meetod millegi kordamiseks JavaScriptis on funktsiooni ES6 repeat() kasutamine, mis võtab elemendi iteratsioonide arvu näitava määratud parameetri. Muud meetodid, nagu while-tsükli kasutamine, rekursiivsed funktsioonid või meetod fill(). See artikkel selgitab erinevaid viise, kuidas JavaScriptis midagi korrata saab koos nende näidetega.