Aquest article tracta sobre diferents mètodes de com es pot repetir alguna cosa en JavaScript.
Com repetir alguna cosa en JavaScript?
Una cadena es pot repetir en JavaScript de les maneres següents:
- Utilitzant el mètode de bucle while
- Utilitzant el mètode de repetició () d'ES6
- Utilitzant recursivitat
- Utilitzant el mètode fill().
Vegem cada mètode amb detall.
Mètode 1: repetiu alguna cosa a JavaScript utilitzant el bucle While
“ Mentre ” és una instrucció de flux de control en JavaScript que s'executa repetidament sota una condició especificada. La condició es revisa abans de cada iteració. El bucle while s'executa fins que la condició és precisa. Un cop la condició és falsa, el bucle deixa d'executar-se. El codi següent il·lustra el procés de repetició en JavaScript utilitzant els bucles while:
DOCTYPE html >
< html >
< guió >
repetició de la funció ( str, comptar ) {
deixa rpt_Str = ' ' ;
mentre ( comptar > 0 ) {
rpt_Str += str ;
comptar --;
}
tornar rpt_Str ;
}
document. escriure ( repetir ( 'TAYLOR' , 6 ) ) ;
guió >
html >
En l'exemple anterior:
- Una funció repeat() es defineix dins de l'etiqueta de l'script amb els paràmetres 'str' i 'count'.
- A continuació, vam definir una cadena buida 'rpt_str' i vam iniciar un bucle while amb la condició que el recompte segueixi sent superior a 0.
- 'rpt_str' conté el valor 'str' i el bucle while funciona tret que la condició ja no sigui certa. En aquest cas, el valor de recompte és 6, de manera que la cadena s'imprimirà 6 vegades.
Sortida
La cadena 'TAYLOR' es repetirà 6 vegades, el que equival al recompte:
Mètode 2: repetiu alguna cosa a JavaScript utilitzant l'ES6 repeat()
ES6 repetir () es pot utilitzar per repetir una cadena en JavaScript. Es retorna una cadena que té duplicats particulars quan es crida. Aquí hi ha un exemple de codi que mostra com podem repetir una cadena utilitzant repeat():
DOCTYPE html >< html >
< guió >
funció rpt_str ( str, compte ) {
si ( comptar > 0 )
tornar str. repetir ( comptar ) ;
altra cosa
tornar '' ;
}
document. escriure ( rpt_str ( ' JavaScript ' , 5 ) ) ;
guió >
html >
En el codi anterior,
- Una funció “rpt_str()” es defineix amb els paràmetres str i count.
- El valor str s'assigna com a 'JavaScript' que es repetirà segons el valor assignat per comptar.
Sortida
En aquest exemple, el valor assignat a comptar és 5, de manera que la funció repeat() repetirà JavaScript 5 vegades:
Mètode 3: repetiu alguna cosa a JavaScript amb recursivitat
La recursivitat permet que una funció s'anomeni a si mateixa de manera repetitiva tret que obtingui el resultat desitjat. En recursivitat, s'ha d'especificar un cas primari/base per acabar amb la recursivitat. Convencionalment es troba dins d'una clàusula condicional. La funció recursiva funciona anomenant-se repetidament fins que aconseguim el resultat desitjat. L'exemple següent ajuda a entendre el mètode de recursivitat per fer la repetició en JavaScript:
! DOCTYPE html >< html >
< guió >
funció rpt_str ( str, compte ) {
si ( comptar < 0 )
tornar '' ;
si ( comptar === 1 )
tornar str ;
altra cosa
tornar str + rpt_str ( str, comptar - 1 ) ;
}
document. escriure ( rpt_str ( 'CODI' , 7 ) ) ;
guió >
html >
En el codi anterior:
- Una funció “rpt_str()” es defineix amb els paràmetres “str” i “count”.
- Si el valor del recompte és inferior a 0, es retornarà una cadena buida. Si el valor de count és 1, retornarà str i si el valor de str és superior a 1, la funció concatena el valor d'entrada de str amb el resultat de rpt_str(str, count – 1).
- Aquí, el valor de str és 'CODI' i el valor de count és 7, per tant, la cadena repetida imprimirà CODI 7 vegades.
Sortida:
Mètode 4: Repetiu alguna cosa a JavaScript utilitzant la funció fill().
JavaScript ofereix a omplir () mètode que ens permet omplir una matriu amb valors estàtics. Es pot utilitzar amb la funció join() per repetir alguna cosa en JavaScript. Per exemple, els valors de cadena es poden inserir en una matriu buida mitjançant la funció fill() i unir-los amb la funció join() per obtenir la cadena repetida. Aquí teniu un exemple de codi que mostra com podeu repetir una cadena amb la funció fill():
< html >< cos >
< guió >
deixar str = 'FRONTEND'
deixar rpt_str = Matriu ( 5 ) . omplir ( str ) . uneix-te ( '' )
document. escriure ( rpt_str ) ;
guió >
cos >
html >
En l'exemple anterior:
- Es defineix una variable str i s'assigna amb el valor “FRONTEND”.
- La funció Array(5) crearà 5 ranures en les quals la cadena s'omplirà i s'unirà per formar una cadena repetida. El valor s'emmagatzema a la variable 'rpt_str'.
- document.write(rpt_str) imprimirà la cadena repetida.
Sortida
En executar el codi, la cadena 'FRONTEND' es repetirà 5 vegades:
Es tracta de repetir alguna cosa en JavaScript utilitzant diferents mètodes.
Conclusió
Un mètode habitual per repetir alguna cosa en JavaScript és utilitzar la funció ES6 repeat() que pren un paràmetre especificat que indica el nombre d'iteracions de l'element. Altres mètodes com utilitzar un bucle while, funcions recursives o el mètode fill(). Aquest article explica diverses maneres en què es pot repetir alguna cosa en JavaScript juntament amb els seus exemples.