1
00:00:00,840 --> 00:00:06,560
Bem-vindo novamente nos próximos vídeos, vamos discutir os loops do javascript.

2
00:00:06,570 --> 00:00:08,290
Então, temos alguns objetivos diferentes.

3
00:00:08,340 --> 00:00:12,280
O primeiro é entender por que usamos loops e o que são.

4
00:00:12,300 --> 00:00:18,120
O próximo é entender o quão seco é um acrônimo Diyar, porque o que isso representa e como

5
00:00:18,120 --> 00:00:19,080
escrever código seco.

6
00:00:19,380 --> 00:00:23,640
E, por fim, vamos escrever alguns simples loops selvagens para começar.

7
00:00:24,780 --> 00:00:30,360
Então, aqui é um problema que vou colocar se eu quiser que ele imprima os números de 1 a 10 cada um

8
00:00:30,360 --> 00:00:32,720
em uma linha diferente com o que sabemos até agora.

9
00:00:32,820 --> 00:00:39,810
Eu teria que ter 10 contras diferentes. logs e isso já não é ideal, e se eu

10
00:00:39,810 --> 00:00:45,930
quisesse fazer cada número entre 1 e 10000 ou o primeiro milhão de números de repente eu tenho

11
00:00:45,930 --> 00:00:47,120
que escrever muito código.

12
00:00:47,370 --> 00:00:48,940
Então, é aí que os loops entram.

13
00:00:48,960 --> 00:00:54,990
Portanto, mesmo que possamos não imprimir os números de 1 a 10000 em uma aplicação de produção real.

14
00:00:55,470 --> 00:01:01,710
Vamos dar um exemplo como o Facebook, onde uma única foto ou postagem pode ter 10000 comentários diferentes

15
00:01:01,710 --> 00:01:04,340
sobre isso, como aquelas fotos que são virais.

16
00:01:04,380 --> 00:01:07,650
Eles recebem milhares e milhares de comentários nos bastidores.

17
00:01:07,650 --> 00:01:12,600
Há algum tipo de loop que está sendo usado para imprimir todos os comentários na página em

18
00:01:12,600 --> 00:01:16,290
vez de para todos os comentários, precisando ser uma linha separada de código.

19
00:01:16,320 --> 00:01:22,230
Então, antes de ver a sintaxe de loops selvagens em javascript, eu quero introduzir este

20
00:01:22,230 --> 00:01:24,470
conceito chamado código seco, portanto, seco.

21
00:01:24,470 --> 00:01:25,910
Não se repita.

22
00:01:26,190 --> 00:01:30,990
É um conceito que é jogado em torno de um lote em todos os tipos de linguagens de programação, mas se

23
00:01:30,990 --> 00:01:33,210
resume a que não queremos repetir o nosso código.

24
00:01:33,210 --> 00:01:35,540
Então, se dar uma olhada neste exemplo aqui.

25
00:01:35,820 --> 00:01:38,360
Este código é muito repetitivo.

26
00:01:38,370 --> 00:01:40,690
A única diferença é o número que estamos imprimindo.

27
00:01:40,980 --> 00:01:43,860
Mas, de qualquer outra forma, cada linha é a mesma.

28
00:01:43,860 --> 00:01:47,710
Portanto, esse código não é o que consideramos seco.

29
00:01:47,790 --> 00:01:52,490
Algumas pessoas chamariam isso de molhada, o que eu ouvi o código certo.

30
00:01:52,500 --> 00:01:55,790
Tudo o que duas vezes não é tão comum de ouvir como seco.

31
00:01:55,830 --> 00:01:59,000
Então, o que faz o loop é que nos permitem secar nosso código.

32
00:01:59,010 --> 00:02:01,040
Eles são uma das ferramentas à nossa disposição.

33
00:02:01,110 --> 00:02:05,850
Alguns dos outros que aprenderemos mais tarde são funções em arrays e objetos, mas

34
00:02:05,850 --> 00:02:07,690
os loops são os mais fundamentais.

35
00:02:08,550 --> 00:02:10,840
Então, vamos começar por falar.

36
00:02:11,100 --> 00:02:16,760
Há vários tipos de loops que verão o primeiro é o loop while e o loop while é muito

37
00:02:16,800 --> 00:02:18,440
semelhante a uma declaração IF.

38
00:02:18,690 --> 00:02:27,960
Portanto, é preciso uma condição como X menos de cinco ou responda não igual a e, e então, enquanto essa condição é

39
00:02:28,290 --> 00:02:33,270
verdadeira, repetirá o código que colocamos em um conjunto de chaves curly.

40
00:02:33,480 --> 00:02:39,180
ele apenas executa ao mesmo tempo, enquanto o loop continuará a executar o código, desde que a condição seja verdadeira.

41
00:02:39,180 --> 00:02:43,350
Então, uma instrução if é muito similar, exceto que não repete o código que

42
00:02:43,740 --> 00:02:45,020
Então aqui está um exemplo.

43
00:02:45,060 --> 00:02:49,330
É assim que podemos imprimir os números de 1 a 5 Usando um loop while.

44
00:02:49,410 --> 00:02:55,020
Então, começamos com uma variável chamada de contagem que poderia ser nomeada qualquer coisa, mas contamos, começamos em 1.

45
00:02:55,350 --> 00:03:01,610
Então, temos o nosso ciclo while com uma condição que diz contar menos de 6.

46
00:03:01,650 --> 00:03:05,610
Portanto, a primeira vez que esse código é executado é igual a 1.

47
00:03:06,000 --> 00:03:07,820
Então, um é menos de seis.

48
00:03:07,860 --> 00:03:09,820
Então, isso é verdade.

49
00:03:09,900 --> 00:03:14,340
Então, aqui está um exemplo de usar um loop while para imprimir os números de 1 a 5.

50
00:03:14,700 --> 00:03:16,650
Então começamos inicialmente.

51
00:03:17,400 --> 00:03:21,410
Então, começamos por inicializar uma variável chamada count pode ser nomeado qualquer coisa.

52
00:03:21,660 --> 00:03:29,160
E nós começamos como um, então nós temos nosso loop while e a sintaxe novamente é enquanto e então uma condição.

53
00:03:29,550 --> 00:03:33,100
Neste caso, a condição é inferior a 6.

54
00:03:33,120 --> 00:03:36,550
Então, a primeira vez que esse loop é executado é de 1.

55
00:03:36,780 --> 00:03:39,090
Então, um menos de seis é verdade.

56
00:03:39,270 --> 00:03:41,310
Então, esse código é executado.

57
00:03:41,970 --> 00:03:49,340
Então, isso vai imprimir a contagem é de 1 e depois adicionará 1 para contar e depois vai novamente.

58
00:03:49,590 --> 00:03:54,150
E verifica se o número é inferior a 6.

59
00:03:54,300 --> 00:03:54,980
Isso é verdade.

60
00:03:55,020 --> 00:03:57,990
Então ele imprime novamente e adiciona 1 para contar.

61
00:03:57,990 --> 00:03:59,310
Agora são três.

62
00:03:59,400 --> 00:04:00,650
Isso é verdade novamente.

63
00:04:00,750 --> 00:04:08,910
Assim, imprime três contados adiciona um para contar o que é quatro e assim por diante até a contagem de tempo final é cinco

64
00:04:09,420 --> 00:04:11,010
cinco é inferior a seis.

65
00:04:11,040 --> 00:04:13,090
Imprimimos a contagem cinco.

66
00:04:13,170 --> 00:04:15,450
Nós adicionamos um para contar, que agora tem seis.

67
00:04:15,750 --> 00:04:20,600
E então ele tenta correr de novo e percebe que seis não é inferior a seis.

68
00:04:20,880 --> 00:04:23,600
Então, está pronto e é isso.

69
00:04:23,610 --> 00:04:28,530
Então vou seguir em frente e abrir meu con. e execute este código apenas cole-o aqui.

70
00:04:28,530 --> 00:04:29,970
Contagem começa em 1.

71
00:04:30,000 --> 00:04:33,530
A contagem selvagem é inferior a seis.

72
00:04:33,570 --> 00:04:41,110
isso um pouco se eu quisesse imprimir os números entre cinco e 20 se eu quisesse que 20 fossem incluídos.

73
00:04:41,110 --> 00:04:49,090
Eu bati enter e recebi contagem 1 até a última vez que a contagem de loop é cinco, então eu também

74
00:04:49,090 --> 00:04:50,230
poderia tentar mudar

75
00:04:50,230 --> 00:04:55,780
Eu precisaria mudar isso para ser menor ou igual a 20 ou menor que 21.

76
00:04:56,260 --> 00:05:03,710
Então eu vou fazer menos do que ou igual e isso irá incluir 20 como você pode ver cinco para 20.

77
00:05:03,760 --> 00:05:08,150
Da mesma forma, eu também posso fazer coisas em que não estou apenas adicionando uma de cada vez.

78
00:05:08,260 --> 00:05:16,590
Então, se eu quiser contar por dois, eu apenas escreverei contagem mais igual a dois em vez de apenas adicionar um.

79
00:05:16,600 --> 00:05:18,930
Então, esta vez começará às 5.

80
00:05:19,180 --> 00:05:20,530
Então ele irá passar.

81
00:05:20,530 --> 00:05:21,710
A condição é verdadeira.

82
00:05:21,730 --> 00:05:24,340
Ele imprime o Conde e acrescenta-lo.

83
00:05:24,340 --> 00:05:32,150
Agora temos as sete e depois acrescenta a próxima vez e assim por diante e acabamos com este 5 7 9 11 13:15 1719.

84
00:05:33,190 --> 00:05:38,440
Então, como você provavelmente pode ver já um loop pode nos ajudar a economizar muito tempo em vez de ter

85
00:05:38,650 --> 00:05:42,280
10 contras diferentes sobre declarações de log ou 15 Konst sobre declarações de log.

86
00:05:42,280 --> 00:05:47,340
Nós acabamos de escrever uma vez em um loop e isso cuida o resto para nós.

87
00:05:48,640 --> 00:05:54,040
Então, eu tenho outro exemplo aqui, em vez de apenas imprimir números, estamos usando um loop de

88
00:05:54,040 --> 00:05:59,800
tempo para percorrer uma string e imprimir todos os caracteres separadamente para que a saída pareça com isso.

89
00:05:59,890 --> 00:06:02,770
H E L L O N vidas separadas.

90
00:06:02,800 --> 00:06:03,700
Então são cinco.

91
00:06:03,710 --> 00:06:09,100
declarações de log de pontos de console e a forma como conseguimos que começamos com nossa seqüência de caracteres igual a ola.

92
00:06:09,990 --> 00:06:15,070
É chamado como TR, então nós temos nossas contas, que serão o número que usamos para acessar um personagem

93
00:06:15,070 --> 00:06:15,650
na string.

94
00:06:15,670 --> 00:06:16,760
É o índice.

95
00:06:16,760 --> 00:06:21,200
E lembro que o primeiro personagem está sempre no índice 0.

96
00:06:21,220 --> 00:06:27,820
que a contagem é inferior ao comprimento da string, então o comprimento é um dois três quatro ou 5.

97
00:06:27,820 --> 00:06:30,090
Então, o que vamos fazer é dizer

98
00:06:30,430 --> 00:06:37,780
Então, enquanto a contagem é inferior a 5, vamos imprimir a string com um caractere, adicionando índice

99
00:06:37,810 --> 00:06:38,710
de contagem.

100
00:06:38,740 --> 00:06:42,060
Então, o que isso significa que vou abrir meu cônsul e passar por isso.

101
00:06:42,070 --> 00:06:44,430
Nós começamos isso aqui.

102
00:06:44,500 --> 00:06:49,450
A corda é igual a ola. As contagens de Vark são zero.

103
00:06:50,230 --> 00:06:55,090
Então, ao invés de apenas copiar o loop while, vou começar com apenas mostrar-lhe como funciona.

104
00:06:55,480 --> 00:07:01,710
Então, enquanto a contagem é inferior ao comprimento da corda e o comprimento da corda é cinco.

105
00:07:01,750 --> 00:07:03,760
Então 0 é inferior a 5.

106
00:07:03,820 --> 00:07:04,620
Isso é verdade.

107
00:07:04,840 --> 00:07:09,330
Vamos cancelar essa contagem do suporte de cadeia logarítmica.

108
00:07:09,370 --> 00:07:13,180
Então, essa será uma série de zero que nos dá h.

109
00:07:13,480 --> 00:07:18,610
E então, adicionamos um para contar, então contam mais mais.

110
00:07:18,610 --> 00:07:20,780
Então, conte agora 1.

111
00:07:21,070 --> 00:07:27,280
Então, repetimos isso novamente é contar menos do que o comprimento da corda é um menos de cinco.

112
00:07:27,670 --> 00:07:28,340
Sim.

113
00:07:28,480 --> 00:07:30,380
Então, agora fazemos essa linha novamente.

114
00:07:30,430 --> 00:07:34,150
Seqüência de registro de ponto de console e contagem é agora 1.

115
00:07:34,150 --> 00:07:35,210
Então entendemos.

116
00:07:35,440 --> 00:07:43,210
Então, isso continua até a última vez ou uma impressão Oh e nós adicionamos 1 para contar, o que então é

117
00:07:43,210 --> 00:07:46,910
igual a 5 e 5 não é inferior a 5.

118
00:07:46,930 --> 00:07:49,050
Então, o ciclo acabou.

119
00:07:49,060 --> 00:07:53,940
Lembre-se de que o comprimento é sempre um maior do que o índice mais alto de uma string.

120
00:07:54,370 --> 00:08:02,440
é de cinco caracteres, mas o índice máximo é quatro porque começamos em 0 1 2 3 0 está no índice 4.

121
00:08:02,440 --> 00:08:03,670
Então, o comprimento

122
00:08:03,730 --> 00:08:08,490
Então é assim que você pode usar um loop para imprimir cada personagem em uma string.

123
00:08:09,820 --> 00:08:14,740
Portanto, é preciso notar sobre os AUPs de forma selvagem que podemos criar algo chamado de loop infinito.

124
00:08:14,740 --> 00:08:16,160
Se não tivermos cuidado.

125
00:08:16,220 --> 00:08:21,260
Portanto, um loop infinito ocorre quando a condição que fornecemos nunca é falsa.

126
00:08:21,430 --> 00:08:26,680
Então, continua indo e vai e vai e vai para sempre e estes são obviamente problemáticos.

127
00:08:26,710 --> 00:08:28,290
Eles podem esmagar um navegador.

128
00:08:28,300 --> 00:08:30,210
Eles aceitam toda a memória no javascript.

129
00:08:30,370 --> 00:08:32,510
Não é algo que você quer fazer.

130
00:08:32,740 --> 00:08:35,840
Então, aqui está um exemplo de como um aconteceria.

131
00:08:36,040 --> 00:08:43,870
Nós contamos igual a zero e depois estamos a dizer que wow count é menos de 10 cancelados a contagem de logs.

132
00:08:44,710 --> 00:08:49,540
A contagem de poços é sempre inferior a 10 porque é zero e nunca mudamos a contagem.

133
00:08:49,930 --> 00:08:52,970
Portanto, nunca é incrementado nunca vai ter mais de 10.

134
00:08:53,050 --> 00:08:55,420
Então, isso simplesmente imprimirá zero para sempre.

135
00:08:55,540 --> 00:08:59,550
Então eu não recomendo que você faça isso, mas você pode copiar isso e colá-lo em seu console.

136
00:08:59,620 --> 00:09:02,830
E o que você veria imprimiria uma tonelada de zero para começar.

137
00:09:03,010 --> 00:09:08,440
E ao invés de correr infinitamente a maioria dos navegadores hoje em dia realmente o interromperia e

138
00:09:08,440 --> 00:09:12,910
alertá-lo-á que há algum código ruim escrito há algum loop infinito que está funcionando.

139
00:09:12,940 --> 00:09:16,080
Então, apenas para contrastar isso com um loop como este.

140
00:09:16,240 --> 00:09:23,140
Nós temos uma contagem de incrementos, temos que fazer com que esta condição em algum ponto seja falsa se não o

141
00:09:23,140 --> 00:09:25,880
fizermos, continuará funcionando para sempre, como este, faz aqui