5
*
**
***
****
*****
******
*******
********
*********
**********

Como faço isso com repetições aninhadas usando o for do JavaScript, ou no VisuAlg?

para voces terem uma ideia de como seria o codigo :

    for(var linha = 0; linha < 10; linha = linha++) {
         for(var coluna = 0; coluna < 10; coluna = coluna++) {          Document.write("*"); 
}
 Document. Write("");
 }

Ta assim, mas não consigo pensar em nada para dar aquele efeito usando dois loop

8
  • Não precisa aninhar laços pra imprimir isso na tela.
    – bfavaretto
    Commented 12/09/2016 às 21:12
  • Queres fazer isso onde? numa página de html?
    – Sergio
    Commented 12/09/2016 às 21:17
  • É aninhar, já editei.
    – HvCeaser
    Commented 12/09/2016 às 21:20
  • Qual é a necessidade do segundo for? É porque irás usar caracteres diferentes? Queremos ajudar mas acho que ainda não está claro o que falta nas respostas já dadas.
    – Sergio
    Commented 12/09/2016 às 21:49
  • É uma lição. E ela esta pedindo para fazer esse exercicio com 2 for
    – HvCeaser
    Commented 12/09/2016 às 21:51

2 Respostas 2

11

Se quiseres fazer esse efeito com JavaScript podes fazer assim:

var string = [];
for (var i = 0; i < 20; i++) {
    var stars = Array.apply(null, Array(i)).map(function(){return '*'});
    string.push(stars.join(''));
}
document.body.innerHTML = string.join('<br>');

Isso cria 20 linhas dentro de uma array e depois podes juntar numa string para HTML com <br> entre cada linha para a quebra de linha.

Uma versão com JavaScript mais moderno poderia ser:

const string = [...Array(20)].map(
    (u, i) => [...Array(i)].map(() => '*').join('')
);
document.body.innerHTML = string.join('<br>');

Ou usando o novo método .repeat como indicado na outra resposta:

const string = [...Array(20)].map((u, i) => '*'.repeat(i));
document.body.innerHTML = string.join('<br>');


Nota:

depois de ler o comentário que escreveste, deixo uma versão também com 2 loops for, caso prefiras usar esta:

var linhas = 20;
var texto = []
for (var i = 0; i < linhas; i++) {
	var string = '';
	for (var j = 1; j <= i; j++) {
		string += '*';
	}
	texto.push(string);
}
document.body.innerHTML = texto.join('<br>');

5
  • Sim, mas preciso ultilizar 2 estrutura de repetição aninhadas.
    – HvCeaser
    Commented 12/09/2016 às 21:25
  • @H.VCeaser como assim 2? lado a lado? o que o meu código gera seria qual parte?
    – Sergio
    Commented 12/09/2016 às 21:26
  • Sergio, acho que ele quer dizer que precisa utilizar um for dentro de outro, onde um controla o numero de estrelas na linha, e o outro controla apenas a mudança de linha
    – user28595
    Commented 12/09/2016 às 21:27
  • @H.VCeaser podes dar um exemplo estático do resultado que pretendes? é como o diegofm sugeriu? que queres ter 2 loops simultâneos?
    – Sergio
    Commented 12/09/2016 às 21:33
  • Os laços estão indo de 0 a 19, logo, estão saindo "uma linha em branco e a última linha com apenas 19 '*'". Só ajustar para ir de 1 a 20 e, para o caso dos array(20), passar i+1, em vez de i. Commented 10/06 às 11:38
11

Você pode usar o String.repeat para repetir uma sequência de acordo com a iteração atual do loop:

for (var contagem = 1; contagem < 11; contagem++) {
    console.log("*".repeat(contagem));
}

Para fazer o mesmo em dois loops aninhados, faça assim:

var linhas = 11;

for (var linha = 1; linha < linhas; linha++) { // 1 até 11
   for (var coluna = linha; ; coluna++) {      // De 1 até 11, porém sem condição
       console.log("*".repeat(coluna));
       break; // Interrompe o segundo loop
   } 
}

O primeiro for vai repetir o código até que a iteração atual alcance o valor de linhas. O segundo for irá apenas acompanhar o primeiro pois não foi especificado uma condição para repetir o seu código.

6
  • Quase isso, tenho que usar 2 estrutura de repetição. Uma dentro da outra. ( coluna e linha )
    – HvCeaser
    Commented 12/09/2016 às 21:24
  • 1
    Boa! +1 pelo .repeat()
    – Sergio
    Commented 12/09/2016 às 21:28
  • @H.VCeaser Veja se é isso. Valeu Sergio o teu ficou ótimo também!
    – stderr
    Commented 12/09/2016 às 22:16
  • 1
    Estava a rever a tua resposta agora com o duplo for. Neste caso o segundo for nem chega a correr uma vez. Acho que só complica, seria melhor como tens na primeira versão.
    – Sergio
    Commented 13/09/2016 às 13:25
  • 1
    @Sergio De fato! ele corre junto com o primeiro, concordo que a primeira versão é mais adequada, mas o OP quer usar dois for, essa foi a forma que encontrei para fazer isso. :)
    – stderr
    Commented 13/09/2016 às 13:55

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .