Como repetir algo em JavaScript?

Como Repetir Algo Em Javascript



Repetição às vezes é necessário construir páginas da web dinâmicas e interativas. A repetição em JavaScript oferece vários recursos, como automação de tarefas, desenvolvimento flexível/dinâmico de aplicativos da web, experiência aprimorada do usuário e muito mais. A repetição pode ser alcançada em JavaScript usando vários métodos.

Este artigo discute diferentes métodos de como algo pode ser repetido em JavaScript.

Como repetir algo em JavaScript?

Uma string pode ser repetida em JavaScript das seguintes maneiras:







Vejamos cada método em detalhes.



Método 1: repetir algo em JavaScript usando o loop While

Enquanto ”É uma instrução de fluxo de controle em JavaScript que é executada repetidamente sob uma condição especificada. A condição é examinada antes de cada iteração. O loop while é executado até que a condição seja precisa. Quando a condição for falsa, o loop para de ser executado. O código a seguir ilustra o processo de repetição em JavaScript usando loops while:



DOCTYPEHTML >

< HTML >

< roteiro >

repetição de função ( str, contar ) {

deixe rpt_Str = ' ' ;

enquanto ( contar > 0 ) {

rpt_Str += str ;

contar --;

}

retornar rpt_Str ;

}

documento. escrever ( repita ( 'Taylor' , 6 ) ) ;

roteiro >

HTML >

No exemplo acima:





  • Uma função repeat() é definida dentro da tag do script com os parâmetros “str” e “count”.
  • A seguir, definimos uma string vazia “rpt_str” e iniciamos um loop while com a condição de que a contagem permaneça maior que 0.
  • “rpt_str” contém o valor “str” e o loop while opera a menos que a condição não seja mais verdadeira. Nesse caso, o valor da contagem é 6, portanto a string será impressa 6 vezes.

Saída

A string “TAYLOR” será repetida 6 vezes o que equivale à contagem:



Método 2: Repetir algo em JavaScript usando o ES6 Repeat()

ES6 repita() pode ser usado para repetir uma string em JavaScript. É retornada uma string que possui duplicatas específicas quando chamada. Aqui está um exemplo de código que mostra como podemos repetir uma string usando repeat():

DOCTYPEHTML >

< HTML >

< roteiro >

função rpt_str ( contagem, contagem ) {

se ( contar > 0 )

retornar rua. repita ( contar ) ;

outro

retornar '' ;

}

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

roteiro >

HTML >

No código acima,

  • Uma função “rpt_str()” é definida com os parâmetros str e count.
  • O valor str é atribuído como “JavaScript” que será repetido de acordo com o valor atribuído à contagem.

Saída

Neste exemplo, o valor atribuído a count é 5, então a função repeat() repetirá o JavaScript 5 vezes:

Método 3: repetir algo em JavaScript usando recursão

A recursão permite que uma função se chame repetidamente, a menos que obtenha o resultado desejado. Na recursão, um caso primário/base deve ser especificado para encerrar a recursão. Convencionalmente, está dentro de uma cláusula condicional. A função recursiva opera chamando a si mesma repetidamente até obtermos o resultado desejado. O exemplo a seguir ajuda a entender o método de recursão para fazer a repetição em JavaScript:

! DOCTYPEHTML >

< HTML >

< roteiro >

função rpt_str ( contagem, contagem ) {

se ( contar < 0 )

retornar '' ;

se ( contar === 1 )

retornar str ;

outro

retornar str + rpt_str ( str, contar - 1 ) ;

}

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

roteiro >

HTML >

No código acima:

  • Uma função “rpt_str()” é definida com os parâmetros “str” e “count”.
  • Se o valor da contagem for menor que 0, uma string vazia será retornada. Se o valor de count for 1, retornará str e se o valor de str for maior que 1, a função concatena o valor de entrada de str com o resultado de rpt_str(str, count – 1).
  • Aqui, o valor de str é “CODE” e o valor de count é 7, portanto, a string repetida imprimirá CODE 7 vezes.

Saída:

Método 4: Repita algo em JavaScript usando a função fill()

JavaScript oferece uma preencher() método que nos permite preencher um array com valores estáticos. Pode ser usado com a função join() para repetir algo em JavaScript. Por exemplo, os valores da string podem ser inseridos em um array vazio usando a função fill() e unidos com a função join() para obter a string repetida. Aqui está um exemplo de código que mostra como você pode repetir uma string com a função fill():

< HTML >

< corpo >

< roteiro >

deixe str = ' FRONT-END '

deixe rpt_str = Variedade ( 5 ) . preencher ( str ) . juntar ( '' )

documento. escrever ( rpt_str ) ;

roteiro >

corpo >

HTML >

No exemplo acima:

  • Uma variável str é definida e atribuída ao valor “FRONTEND”.
  • A função Array(5) criará 5 slots nos quais a string será preenchida e unida para formar uma string repetida. O valor é armazenado na variável “rpt_str”.
  • document.write(rpt_str) imprimirá a string repetida.

Saída

Ao executar o código, a string “FRONTEND” será repetida 5 vezes:

Trata-se de repetir algo em JavaScript usando métodos diferentes.

Conclusão

Um método usual para repetir algo em JavaScript é usar a função ES6 Repeat() que recebe um parâmetro especificado que indica o número de iterações do elemento. Outros métodos, como usar um loop while, funções recursivas ou o método fill(). Este artigo explica várias maneiras pelas quais algo pode ser repetido em JavaScript junto com seus exemplos.