Paano Ulitin ang Isang bagay sa JavaScript?

Paano Ulitin Ang Isang Bagay Sa Javascript



Pag-uulit minsan ay kinakailangan upang bumuo ng mga dynamic at interactive na mga web page. Ang pag-uulit sa JavaScript ay nagbibigay ng maraming feature tulad ng task automation, flexible/dynamic na web application development, pinahusay na karanasan ng user, at marami pa. Maaaring makamit ang pag-uulit sa JavaScript gamit ang iba't ibang pamamaraan.

Tinatalakay ng artikulong ito ang iba't ibang paraan kung paano maaaring maulit ang isang bagay sa JavaScript.

Paano Ulitin ang Isang bagay sa JavaScript?

Ang isang string ay maaaring ulitin sa JavaScript sa mga sumusunod na paraan:







Tingnan natin ang bawat pamamaraan nang detalyado.



Paraan 1: Ulitin ang Isang bagay sa JavaScript Gamit ang While Loop

Habang ” ay isang control flow statement sa JavaScript na paulit-ulit na nagpapatupad sa ilalim ng isang tinukoy na kundisyon. Tinitingnan ang kundisyon bago ang bawat pag-ulit. Tumatakbo ang while loop hanggang sa maging tumpak ang kundisyon. Kapag false ang kundisyon, hihinto sa pag-execute ang loop. Ang sumusunod na code ay naglalarawan ng proseso ng pag-uulit sa JavaScript gamit ang while loops:



DOCTYPE html >

< html >

< iskrip >

ulitin ang function ( str, bilangin ) {

hayaan ang rpt_Str = '' ;

habang ( bilangin > 0 ) {

rpt_Str += str ;

bilangin --;

}

bumalik rpt_Str ;

}

dokumento. magsulat ( ulitin ( 'TAYLOR' , 6 ) ) ;

iskrip >

html >

Sa halimbawa sa itaas:





  • Ang isang function repeat() ay tinukoy sa loob ng script tag na may mga parameter na 'str', at 'count'.
  • Susunod, tinukoy namin ang isang walang laman na string na 'rpt_str' at nagsimula ng isang while loop na may kondisyon na ang bilang ay nananatiling mas malaki kaysa sa 0.
  • Ang 'rpt_str' ay naglalaman ng 'str' ​​na halaga at ang while loop ay gumagana maliban kung ang kundisyon ay hindi na totoo. Sa kasong ito, ang halaga ng bilang ay 6 kaya ang string ay ipi-print nang 6 na beses.

Output

Ang string na 'TAYLOR' ay uulitin ng 6 na beses na katumbas ng bilang:



Paraan 2: Ulitin ang Isang bagay sa JavaScript Gamit ang ES6 repeat()

ES6 ulitin() ay maaaring gamitin upang ulitin ang isang string sa JavaScript. Ang isang string ay ibinalik na may partikular na mga duplicate kapag tinawag. Narito ang isang halimbawa ng isang code na nagpapakita kung paano namin maaaring ulitin ang isang string gamit ang repeat():

DOCTYPE html >

< html >

< iskrip >

function rpt_str ( str, bilangin ) {

kung ( bilangin > 0 )

bumalik str. ulitin ( bilangin ) ;

iba pa

bumalik '' ;

}

dokumento. magsulat ( rpt_str ( ' JavaScript ' , 5 ) ) ;

iskrip >

html >

Sa code sa itaas,

  • Ang isang function na 'rpt_str()' ay tinukoy sa mga parameter na str at bilang.
  • Ang str value ay itinalaga bilang 'JavaScript' na uulit ayon sa value na itinalaga upang mabilang.

Output

Sa halimbawang ito, ang value na nakatalaga sa bilang ay 5 kaya ang repeat() function ay uulitin ang JavaScript ng 5 beses:

Paraan 3: Ulitin ang Isang bagay sa JavaScript Gamit ang Recursion

Ang recursion ay nagbibigay-daan sa isang function na tawagan ang sarili nito nang paulit-ulit maliban kung makuha nito ang ninanais na resulta. Sa recursion, dapat tukuyin ang primary/base case para tapusin ang recursion. Ito ay karaniwang nasa loob ng isang kondisyong sugnay. Gumagana ang recursive function sa pamamagitan ng paulit-ulit na pagtawag sa sarili hanggang makuha natin ang ninanais na resulta. Ang sumusunod na halimbawa ay nakakatulong upang maunawaan ang paraan ng recursion upang gawin ang pag-uulit sa JavaScript:

! DOCTYPE html >

< html >

< iskrip >

function rpt_str ( str, bilangin ) {

kung ( bilangin < 0 )

bumalik '' ;

kung ( bilangin === 1 )

bumalik str ;

iba pa

bumalik str + rpt_str ( str, bilangin - 1 ) ;

}

dokumento. magsulat ( rpt_str ( 'CODE' , 7 ) ) ;

iskrip >

html >

Sa code sa itaas:

  • Ang isang function na 'rpt_str()' ay tinukoy na may mga parameter na 'str' ​​at 'count'.
  • Kung ang halaga ng bilang ay mas mababa sa 0, isang walang laman na string ang ibabalik. Kung ang halaga ng bilang ay 1, ito ay magbabalik ng str at kung ang halaga ng str ay mas malaki kaysa sa 1, ang function ay magkakaugnay ng input na halaga ng str sa resulta mula sa rpt_str(str, bilang - 1).
  • Dito, ang halaga ng str ay 'CODE' at ang halaga ng bilang ay 7 kaya't ang paulit-ulit na string ay magpi-print ng CODE nang 7 beses.

Output:

Paraan 4: Ulitin ang Isang bagay sa JavaScript Gamit ang fill() Function

Nag-aalok ang JavaScript a punan () paraan na nagpapahintulot sa amin na punan ang isang array ng mga static na halaga. Maaari itong magamit kasama ang join() function upang ulitin ang isang bagay sa JavaScript. Halimbawa, ang mga halaga ng string ay maaaring ipasok sa isang walang laman na array gamit ang fill() function at pinagsama kasama ang join() function upang makuha ang paulit-ulit na string. Narito ang isang halimbawa ng code na nagpapakita kung paano mo maaaring ulitin ang isang string na may fill() function:

< html >

< katawan >

< iskrip >

hayaan ang str = 'FRONTEND'

hayaan ang rpt_str = Array ( 5 ) . punan ( str ) . sumali ( '' )

dokumento. magsulat ( rpt_str ) ;

iskrip >

katawan >

html >

Sa halimbawa sa itaas:

  • Ang isang variable str ay tinukoy at itinalaga na may halagang ' FRONTEND '.
  • Ang function na Array(5) ay lilikha ng 5 mga puwang kung saan ang string ay pupunan at pagsasama-samahin upang bumuo ng paulit-ulit na string. Ang halaga ay naka-imbak sa variable na 'rpt_str'.
  • document.write(rpt_str) ay magpi-print ng paulit-ulit na string.

Output

Sa pagpapatakbo ng code, ang string na 'FRONTEND' ay uulitin ng 5 beses:

Iyon ay tungkol sa pag-uulit ng isang bagay sa JavaScript gamit ang iba't ibang pamamaraan.

Konklusyon

Ang karaniwang paraan upang ulitin ang isang bagay sa JavaScript ay ang paggamit ng ES6 repeat() function na kumukuha ng tinukoy na parameter na nagsasaad ng bilang ng mga pag-ulit ng elemento. Iba pang paraan tulad ng paggamit ng while loop, recursive function, o fill() method. Ipinapaliwanag ng artikulong ito ang iba't ibang paraan kung paano maaaring maulit ang isang bagay sa JavaScript kasama ng mga halimbawa nito.