¿Cómo repetir algo en JavaScript?

Como Repetir Algo En Javascript



Repetición A veces es necesario construir páginas web dinámicas e interactivas. La repetición en JavaScript proporciona numerosas funciones, como automatización de tareas, desarrollo de aplicaciones web flexibles/dinámicas, experiencia de usuario mejorada y muchas más. La repetición se puede lograr en JavaScript utilizando varios métodos.

Este artículo analiza diferentes métodos de cómo se puede repetir algo en JavaScript.

¿Cómo repetir algo en JavaScript?

Una cadena se puede repetir en JavaScript de las siguientes maneras:







Analicemos cada método en detalle.



Método 1: repetir algo en JavaScript usando el bucle While

Mientras 'Es una declaración de flujo de control en JavaScript que se ejecuta repetidamente bajo una condición específica. La condición se revisa antes de cada iteración. El bucle while se ejecuta hasta que la condición sea precisa. Una vez que la condición es falsa, el bucle deja de ejecutarse. El siguiente código ilustra el proceso de repetición en JavaScript usando los bucles while:



TIPO DE DOCUMENTO html >

< HTML >

  < guion >

repetición de función ( cadena, contar ) {

dejar rpt_Str = ' ' ;

      mientras ( contar > 0 ) {

rpt_Str += cadena ;

contar --;

      }

      devolver rpt_Str ;

    }

documento. escribir ( repetir ( 'TAYLOR' , 6 ) ) ;

  guion >

HTML >

En el ejemplo anterior:





  • Una función repetir() se define dentro de la etiqueta del script con los parámetros 'str' ​​y 'count'.
  • A continuación, definimos una cadena vacía 'rpt_str' e iniciamos un bucle while con la condición de que el recuento siga siendo mayor que 0.
  • 'rpt_str' contiene el valor 'str' ​​y el bucle while funciona a menos que la condición ya no sea cierta. En este caso, el valor del recuento es 6, por lo que la cadena se imprimirá 6 veces.

Producción

La cadena “TAYLOR” se repetirá 6 veces lo que equivale al conteo:



Método 2: repetir algo en JavaScript usando ES6 repetir()

ES6 repetir() se puede utilizar para repetir una cadena en JavaScript. Se devuelve una cadena que tiene duplicados particulares cuando se llama. Aquí hay un ejemplo de un código que muestra cómo podemos repetir una cadena usando repetir():

TIPO DE DOCUMENTO html >

< HTML >

  < guion >

función rpt_str ( cadena, contar ) {

      si ( contar > 0 )

        devolver calle. repetir ( contar ) ;

      demás

        devolver '' ;

    }

documento. escribir ( rpt_str ( ' JavaScript ' , 5 ) ) ;

  guion >

HTML >

En el código anterior,

  • Se define una función “rpt_str()” con los parámetros str y count.
  • El valor str se asigna como 'JavaScript' que se repetirá según el valor asignado para contar.

Producción

En este ejemplo, el valor asignado al recuento es 5, por lo que la función repetir() repetirá JavaScript 5 veces:

Método 3: repetir algo en JavaScript usando recursividad

La recursión permite que una función se llame a sí misma repetidamente a menos que obtenga el resultado deseado. En la recursividad, se debe especificar un caso primario/base para finalizar la recursividad. Está convencionalmente dentro de una cláusula condicional. La función recursiva opera llamándose a sí misma repetidamente hasta obtener el resultado deseado. El siguiente ejemplo ayuda a comprender el método de recursividad para realizar la repetición en JavaScript:

! TIPO DE DOCUMENTO html >

< HTML >

  < guion >

función rpt_str ( cadena, contar ) {

    si ( contar < 0 )

        devolver '' ;

    si ( contar === 1 )

        devolver cadena ;

    demás

        devolver cadena + rpt_str ( cadena, contar - 1 ) ;

    }

documento. escribir ( rpt_str ( ' CÓDIGO ' , 7 ) ) ;

  guion >

HTML >

En el código anterior:

  • Se define una función “rpt_str()” con los parámetros “str” y “count”.
  • Si el valor del recuento es menor que 0, se devolverá una cadena vacía. Si el valor de count es 1, devolverá str y si el valor de str es mayor que 1, la función concatena el valor de entrada de str con el resultado de rpt_str(str, count – 1).
  • Aquí, el valor de str es 'CÓDIGO' y el valor de recuento es 7, por lo que la cadena repetida imprimirá CÓDIGO 7 veces.

Producción:

Método 4: repetir algo en JavaScript usando la función fill()

JavaScript ofrece una llenar() Método que nos permite llenar un array con valores estáticos. Se puede utilizar con la función join() para repetir algo en JavaScript. Por ejemplo, los valores de la cadena se pueden insertar en una matriz vacía usando la función fill() y unirlos con la función join() para obtener la cadena repetida. Aquí hay un ejemplo de código que muestra cómo se puede repetir una cadena con la función fill():

< HTML >

< cuerpo >

  < guion >

dejar str = ' INTERFAZ '

dejar rpt_str = Formación ( 5 ) . llenar ( cadena ) . unirse ( '' )

documento. escribir ( rpt_str ) ;

  guion >

cuerpo >

HTML >

En el ejemplo anterior:

  • Se define una variable str y se le asigna el valor 'FRONTEND'.
  • La función Array(5) creará 5 espacios en los que la cadena se llenará y unirá para formar una cadena repetida. El valor se almacena en la variable 'rpt_str'.
  • document.write(rpt_str) imprimirá la cadena repetida.

Producción

Al ejecutar el código, la cadena 'FRONTEND' se repetirá 5 veces:

Se trata de repetir algo en JavaScript usando diferentes métodos.

Conclusión

Un método habitual para repetir algo en JavaScript es utilizar la función repetir() de ES6 que toma un parámetro específico que indica el número de iteraciones del elemento. Otros métodos como usar un bucle while, funciones recursivas o el método fill(). Este artículo explica varias formas en que se puede repetir algo en JavaScript junto con sus ejemplos.