Kaip ką nors pakartoti „JavaScript“?

Kaip Ka Nors Pakartoti Javascript



Kartojimas kartais būtina kuriant dinamiškus ir interaktyvius tinklalapius. „JavaScript“ kartojimas suteikia daugybę funkcijų, tokių kaip užduočių automatizavimas, lankstus / dinaminis žiniatinklio programų kūrimas, patobulinta vartotojo patirtis ir daug daugiau. Pakartojimas gali būti pasiektas „JavaScript“ naudojant įvairius metodus.

Šiame straipsnyje aptariami įvairūs metodai, kaip ką nors galima pakartoti naudojant „JavaScript“.

Kaip ką nors pakartoti „JavaScript“?

„JavaScript“ eilutę galima pakartoti šiais būdais:







Panagrinėkime kiekvieną metodą išsamiai.



1 būdas: pakartokite ką nors „JavaScript“ naudodami „ While Loop“.

Nors “ yra „JavaScript“ valdymo srauto sakinys, kuris pakartotinai vykdomas tam tikromis sąlygomis. Sąlyga peržiūrima prieš kiekvieną iteraciją. Ciklas while veikia tol, kol sąlyga bus tiksli. Kai sąlyga yra klaidinga, ciklas nustoja veikti. Šis kodas iliustruoja kartojimo procesą „JavaScript“, naudojant while ciklus:



DOCTYPE html >

< html >

< scenarijus >

funkcijos kartojimas ( str, grafas ) {

tegul rpt_Str = ' ' ;

kol ( skaičiuoti > 0 ) {

rpt_Str += g ;

skaičiuoti --;

}

grąžinti rpt_Str ;

}

dokumentas. rašyti ( kartoti ( 'TAILORAS' , 6 ) ) ;

scenarijus >

html >

Aukščiau pateiktame pavyzdyje:





  • Funkcija pakartoti () yra apibrėžta scenarijaus žymoje su parametrais „str“ ir „count“.
  • Tada apibrėžėme tuščią eilutę „rpt_str“ ir pradėjome ciklą, su sąlyga, kad skaičius išliks didesnis nei 0.
  • „rpt_str“ yra „str“ reikšmė, o ciklas while veikia, nebent sąlyga nebėra teisinga. Šiuo atveju skaičiavimo reikšmė yra 6, todėl eilutė bus spausdinama 6 kartus.

Išvestis

Eilutė „TAYLOR“ bus pakartota 6 kartus, o tai atitinka skaičių:



2 būdas: pakartokite ką nors „JavaScript“ naudodami ES6 pakartoti ()

ES6 kartoti () gali būti naudojamas kartoti eilutę „JavaScript“. Grąžinama eilutė, kuri iškvietus turi tam tikrų dublikatų. Čia yra kodo pavyzdys, rodantis, kaip galime pakartoti eilutę naudodami pakartotinį ():

DOCTYPE html >

< html >

< scenarijus >

funkcija rpt_str ( str,count ) {

jeigu ( skaičiuoti > 0 )

grąžinti g. kartoti ( skaičiuoti ) ;

Kitas

grąžinti '' ;

}

dokumentas. rašyti ( rpt_str ( 'JavaScript' , 5 ) ) ;

scenarijus >

html >

Aukščiau pateiktame kode

  • Funkcija „rpt_str()“ yra apibrėžta parametrais str ir count.
  • Str reikšmė priskiriama kaip „JavaScript“, kuri kartosis pagal skaičiuoti priskirtą reikšmę.

Išvestis

Šiame pavyzdyje skaičiavimui priskirta reikšmė yra 5, todėl funkcija pakartoti () pakartos JavaScript 5 kartus:

3 būdas: pakartokite ką nors „JavaScript“ naudodami rekursiją

Rekursija leidžia funkcijai pakartotinai išsikviesti save, nebent ji gauna norimą rezultatą. Rekursijoje turi būti nurodytas pirminis/bazinis atvejis, kad būtų baigta rekursija. Paprastai tai yra sąlyginė sąlyga. Rekursyvinė funkcija veikia skambindama save pakartotinai, kol gauname norimą rezultatą. Šis pavyzdys padeda suprasti rekursijos metodą kartoti JavaScript:

! DOCTYPE html >

< html >

< scenarijus >

funkcija rpt_str ( str,count ) {

jeigu ( skaičiuoti < 0 )

grąžinti '' ;

jeigu ( skaičiuoti === 1 )

grąžinti g ;

Kitas

grąžinti g + rpt_str ( str, grafas - 1 ) ;

}

dokumentas. rašyti ( rpt_str ( 'KODAS' , 7 ) ) ;

scenarijus >

html >

Aukščiau pateiktame kode:

  • Funkcija „rpt_str()“ apibrėžiama parametrais „str“ ir „count“.
  • Jei skaičiaus reikšmė mažesnė nei 0, bus grąžinta tuščia eilutė. Jei skaičiaus reikšmė yra 1, ji grąžins str, o jei str reikšmė didesnė nei 1, funkcija str įvesties reikšmę sujungia su rezultatu iš rpt_str(str, count – 1).
  • Čia str reikšmė yra „CODE“, o skaičiavimo reikšmė yra 7, todėl kartojama eilutė CODE bus išspausdinta 7 kartus.

Išvestis:

4 būdas: pakartokite ką nors „JavaScript“ naudodami užpildymo () funkciją

„JavaScript“ siūlo a užpildyti () metodas, leidžiantis užpildyti masyvą statinėmis reikšmėmis. Jis gali būti naudojamas kartu su join() funkcija, norint ką nors pakartoti „JavaScript“. Pavyzdžiui, eilutės reikšmės gali būti įterptos į tuščią masyvą naudojant užpildo () funkciją ir sujungtos kartu su join () funkcija, kad būtų gauta pasikartojanti eilutė. Čia yra kodo pavyzdys, rodantis, kaip galite pakartoti eilutę naudodami užpildymo () funkciją:

< html >

< kūnas >

< scenarijus >

tegul g = 'FRONTEND'

tegul rpt_str = Masyvas ( 5 ) . užpildyti ( str ) . prisijungti ( '' )

dokumentas. rašyti ( rpt_str ) ;

scenarijus >

kūnas >

html >

Aukščiau pateiktame pavyzdyje:

  • Kintamasis str apibrėžiamas ir priskiriamas reikšme ' FRONTEND '.
  • Funkcija Array(5) sukurs 5 lizdus, ​​kuriuose eilutė bus užpildyta ir sujungta, kad susidarytų pasikartojanti eilutė. Reikšmė saugoma kintamajame „rpt_str“.
  • document.write(rpt_str) išspausdins pasikartojančią eilutę.

Išvestis

Vykdant kodą eilutė „FRONTEND“ bus pakartota 5 kartus:

Viskas apie kažko kartojimą „JavaScript“ naudojant skirtingus metodus.

Išvada

Įprastas būdas ką nors pakartoti „JavaScript“ yra naudojant ES6 pakartoti () funkciją, kuri paima nurodytą parametrą, nurodantį elemento iteracijų skaičių. Kiti metodai, pvz., naudojant ciklą, rekursines funkcijas arba užpildymo () metodą. Šiame straipsnyje paaiškinami įvairūs būdai, kaip kažkas gali būti kartojamas „JavaScript“ ir jų pavyzdžiai.