1
00:00:00,840 --> 00:00:06,560
Bienvenue dans les prochaines vidéos, nous allons discuter des boucles javascript.

2
00:00:06,570 --> 00:00:08,290
Nous avons donc quelques objectifs différents.

3
00:00:08,340 --> 00:00:12,280
Le premier est de comprendre pourquoi nous utilisons des boucles et ce qu'ils sont.

4
00:00:12,300 --> 00:00:19,080
Le prochain est de comprendre ce que c'est sec un acronyme Diyar pourquoi ce que cela signifie et comment écrire le code sec.

5
00:00:19,380 --> 00:00:23,640
Et enfin, nous allons écrire quelques boucles sauvages simples pour commencer.

6
00:00:24,780 --> 00:00:32,720
Donc voici un problème que je poserai si je veux qu'il imprime les numéros de 1 à 10 chacun sur une ligne différente avec ce que nous savons jusqu'à présent.

7
00:00:32,820 --> 00:00:47,120
Je devrais avoir 10 différents inconvénients. Logs et ce n'est pas idéal, mais si je voulais faire tous les nombres entre 1 et 10000 ou le premier million de numéros soudain, je dois écrire beaucoup de code moi-même.

8
00:00:47,370 --> 00:00:48,940
C'est là que les boucles entrent en jeu.

9
00:00:48,960 --> 00:00:55,330
Donc, même si nous avons très probablement pas imprimer les numéros de 1 à 10000 dans une application de production réelle.

10
00:00:55,470 --> 00:01:04,340
Prenons un exemple comme Facebook où une seule photo ou post peut avoir 10000 commentaires différents sur elle comme ces photos qui vont virale.

11
00:01:04,380 --> 00:01:07,650
Ils obtiennent des milliers et des milliers de commentaires dans les coulisses.

12
00:01:07,650 --> 00:01:16,290
Il ya une sorte de boucle qui est utilisée pour imprimer tous les commentaires sur la page plutôt que pour chaque commentaire il doit être une ligne distincte de code.

13
00:01:16,320 --> 00:01:24,470
Donc, avant que nous voyons la syntaxe des boucles sauvages dans javascript, je veux introduire ce concept appelé code sec si sec stands pour.

14
00:01:24,470 --> 00:01:25,910
Ne vous répétez pas.

15
00:01:26,190 --> 00:01:33,210
C'est un concept qui est jeté autour de beaucoup dans toutes sortes de langages de programmation, mais il se résume à est que nous ne voulons pas répéter notre code.

16
00:01:33,210 --> 00:01:35,540
Donc, si on regarde cet exemple ici.

17
00:01:35,820 --> 00:01:38,360
Ce code est très très répétitif.

18
00:01:38,370 --> 00:01:40,690
La seule différence est le nombre que nous imprimons.

19
00:01:40,980 --> 00:01:43,860
Mais sinon chaque ligne est la même.

20
00:01:43,860 --> 00:01:47,710
Donc, ce code n'est pas ce que nous considérons comme sec.

21
00:01:47,790 --> 00:01:52,490
Certaines personnes appellent cela humide, ce que j'ai entendu dire ce code est juste.

22
00:01:52,500 --> 00:01:55,790
Tout deux fois ce n'est pas aussi commun d'entendre si sec.

23
00:01:55,830 --> 00:01:59,000
Donc ce qui boucles ne est qu'ils nous permettent de sécher notre code.

24
00:01:59,010 --> 00:02:01,040
Ils sont l'un des outils à notre disposition.

25
00:02:01,110 --> 00:02:07,690
Certains des autres que nous apprendrons plus tard sont des fonctions dans des tableaux et des objets, mais les boucles sont les plus fondamentales.

26
00:02:08,550 --> 00:02:10,840
Donc, nous allons commencer par parler.

27
00:02:11,100 --> 00:02:18,440
Il existe plusieurs types de boucles qui verront le premier est la boucle while et la boucle while est très similaire à une instruction IF.

28
00:02:18,690 --> 00:02:33,270
Donc, il prend une condition comme X moins de cinq ou répondre pas égal à et puis alors alors que cette condition est vraie, il va répéter le code que nous mettons dans un ensemble de bretelles.

29
00:02:33,480 --> 00:02:43,350
Donc, une instruction if est très similaire, sauf qu'elle ne répète pas le code qu'il exécute à un moment donné, une boucle while continuera à exécuter le code aussi longtemps que la condition est vraie.

30
00:02:43,740 --> 00:02:45,020
Voici donc un exemple.

31
00:02:45,060 --> 00:02:49,330
C'est ainsi que nous pourrions imprimer les numéros de 1 à 5 en utilisant une boucle while.

32
00:02:49,410 --> 00:02:55,020
Donc nous commençons par une variable appelée count pourrait être nommé n'importe quoi, mais compter, nous avons commencé à 1.

33
00:02:55,350 --> 00:03:01,610
Ensuite, nous avons notre boucle while avec une condition qui dit count moins de 6.

34
00:03:01,650 --> 00:03:05,610
Donc la première fois que ce code est exécuté count est égal à 1.

35
00:03:06,000 --> 00:03:07,820
Donc on est moins de six.

36
00:03:07,860 --> 00:03:09,820
Donc, c'est vrai.

37
00:03:09,900 --> 00:03:14,340
Voici donc un exemple d'utilisation d'une boucle while pour imprimer les numéros de 1 à 5.

38
00:03:14,700 --> 00:03:16,650
Nous commençons par commencer.

39
00:03:17,400 --> 00:03:21,410
Nous commençons donc par initialiser une variable appelée count qui pourrait être nommée n'importe quoi.

40
00:03:21,660 --> 00:03:29,360
Et nous avons commencé comme un alors nous avons notre boucle while et la syntaxe est de nouveau while et puis une condition.

41
00:03:29,550 --> 00:03:33,100
Dans ce cas, la condition est un nombre inférieur à 6.

42
00:03:33,120 --> 00:03:36,550
Donc la première fois que cette boucle est comptée est 1.

43
00:03:36,780 --> 00:03:39,090
Donc, un moins de six est vrai.

44
00:03:39,270 --> 00:03:41,310
Donc, ce code est exécuté.

45
00:03:41,970 --> 00:03:49,340
Donc, cela va imprimer le compte est 1 et puis il va ajouter 1 à compter, puis il va à nouveau.

46
00:03:49,590 --> 00:03:54,150
Et il vérifie est compter qui est à est à moins de 6.

47
00:03:54,300 --> 00:03:54,980
C'est vrai.

48
00:03:55,020 --> 00:03:57,990
Donc, il imprime à nouveau et il ajoute 1 à compter.

49
00:03:57,990 --> 00:03:59,310
Maintenant, c'est trois.

50
00:03:59,400 --> 00:04:00,650
C'est encore vrai.

51
00:04:00,750 --> 00:04:11,010
Donc, il imprime compté trois ajoute un à compter qui est quatre et ainsi de suite jusqu'à ce que le comptage de temps final est cinq cinq est inférieur à six.

52
00:04:11,040 --> 00:04:13,090
Nous imprimons le compte cinq.

53
00:04:13,170 --> 00:04:15,450
Nous ajoutons un pour compter qui est maintenant six.

54
00:04:15,750 --> 00:04:20,600
Et puis il essaie de courir à nouveau et il réalise six n'est pas moins de six.

55
00:04:20,880 --> 00:04:23,600
Alors, c'est fait et c'est tout.

56
00:04:23,610 --> 00:04:28,530
Alors je vais aller de l'avant et ouvrir mon con. Et exécutez ce code, collez-le ici.

57
00:04:28,530 --> 00:04:29,970
Le comptage commence à 1.

58
00:04:30,000 --> 00:04:33,530
Il coure sauvage compte est inférieur à six.

59
00:04:33,570 --> 00:04:50,230
J'ai frappé entrer et je suis compté 1 tout le chemin jusqu'à la dernière fois un compte de boucle est cinq, donc je pourrais aussi essayer de changer un peu si je voulais imprimer les numéros entre cinq et 20 si je voulais 20 être inclus.

60
00:04:50,230 --> 00:04:55,780
Je devrais changer ceci pour être soit inférieur ou égal à 20 ou inférieur à 21.

61
00:04:56,260 --> 00:05:03,710
Donc, je vais faire moins ou égal à et qui comprendra 20 comme vous pouvez voir cinq à 20.

62
00:05:03,760 --> 00:05:08,150
De même, je peux aussi faire des choses où je ne suis pas simplement en ajoutant une à chaque fois.

63
00:05:08,260 --> 00:05:16,590
Donc, si je veux compter par deux, je voudrais écrire le compte plus égale à deux plutôt que juste en ajoutant un.

64
00:05:16,600 --> 00:05:18,930
Cette fois-ci, il commencera à 5 heures.

65
00:05:19,180 --> 00:05:20,530
Ensuite, il passera.

66
00:05:20,530 --> 00:05:21,710
La condition est vraie.

67
00:05:21,730 --> 00:05:24,340
Il imprime le comte et y ajoute.

68
00:05:24,340 --> 00:05:32,690
Maintenant, nous sommes à sept et puis il ajoute à la prochaine fois et ainsi de suite et nous finissons avec ce 5 7 9 11 13:15 1719.

69
00:05:33,190 --> 00:05:42,280
Donc, comme vous pouvez probablement voir déjà une boucle peut nous aider à économiser beaucoup de temps plutôt que d'avoir à avoir 10 cons différents sur les déclarations de journal ou 15 Konst sur les déclarations de journal.

70
00:05:42,280 --> 00:05:47,340
Nous venons de l'écrire une fois dans une boucle et qui prend soin du reste pour nous.

71
00:05:48,640 --> 00:05:59,800
Donc, j'ai un autre exemple ici où au lieu d'imprimer des nombres, nous utilisons une boucle while pour parcourir une chaîne et imprimer chaque caractère séparément afin que la sortie ressemble à ceci.

72
00:05:59,890 --> 00:06:02,770
H E L L O N vies séparées.

73
00:06:02,800 --> 00:06:03,700
Donc c'est cinq.

74
00:06:03,710 --> 00:06:09,490
Console point log déclarations et la façon dont nous atteignons que nous commençons par notre chaîne égale à bonjour.

75
00:06:09,990 --> 00:06:15,650
Il est appelé TR alors nous avons nos comptes qui seront le nombre que nous utilisons pour accéder à un caractère dans la chaîne.

76
00:06:15,670 --> 00:06:16,760
C'est l'indice.

77
00:06:16,760 --> 00:06:21,200
Et je me souviens que le premier caractère est toujours à l'index 0.

78
00:06:21,220 --> 00:06:30,090
Donc, ce que nous allons faire est de dire que le comptage est inférieur à la longueur de la chaîne de sorte que la longueur est un deux trois quatre ou 5.

79
00:06:30,430 --> 00:06:38,710
Donc, alors que le comptage est inférieur à 5 Nous allons imprimer la chaîne avec un caractère add index of count.

80
00:06:38,740 --> 00:06:42,060
Donc ce que cela signifie que je vais ouvrir mon consul et traverser ce.

81
00:06:42,070 --> 00:06:44,430
Nous commençons ceci par ici.

82
00:06:44,500 --> 00:06:49,450
String est égal à hello Vark count est nul.

83
00:06:50,230 --> 00:06:55,480
Ainsi, plutôt que de simplement copier la boucle while, je vais commencer par vous montrer comment cela fonctionne.

84
00:06:55,480 --> 00:07:01,710
So while count est inférieur à la longueur de chaîne et la longueur de chaîne est cinq.

85
00:07:01,750 --> 00:07:03,760
Donc 0 est inférieur à 5.

86
00:07:03,820 --> 00:07:04,620
C'est vrai.

87
00:07:04,840 --> 00:07:09,330
Nous allons annuler ce nombre de crochets de corde.

88
00:07:09,370 --> 00:07:13,180
Donc ça va être une chaîne de zéro qui nous donne h.

89
00:07:13,480 --> 00:07:18,610
Et puis nous ajoutons un pour compter alors compte plus plus.

90
00:07:18,610 --> 00:07:20,780
Donc maintenant compter est 1.

91
00:07:21,070 --> 00:07:27,280
Donc nous répétons ceci encore est le compte moins que la longueur de corde est un moins de cinq.

92
00:07:27,670 --> 00:07:28,340
Oui.

93
00:07:28,480 --> 00:07:30,380
Donc maintenant, nous faisons cette ligne à nouveau.

94
00:07:30,430 --> 00:07:34,150
Console dot log chaîne de count et count est maintenant 1.

95
00:07:34,150 --> 00:07:35,210
Donc nous l'obtenons.

96
00:07:35,440 --> 00:07:46,910
Donc, cela continue jusqu'à la dernière fois ou une impression Oh et nous ajoutons 1 à compter qui est alors égal à 5 ​​et 5 n'est pas inférieur à 5.

97
00:07:46,930 --> 00:07:49,050
La boucle est terminée.

98
00:07:49,060 --> 00:07:53,940
N'oubliez pas que la longueur est toujours supérieure à l'indice le plus élevé d'une chaîne.

99
00:07:54,370 --> 00:08:03,670
Donc, la longueur est de cinq caractères, mais l'indice maximum est quatre, car nous commençons à 0 1 2 3 0 est à l'indice 4.

100
00:08:03,730 --> 00:08:08,490
C'est ainsi que vous pouvez utiliser une boucle pour imprimer tous les caractères d'une chaîne.

101
00:08:09,820 --> 00:08:14,740
Donc, il faut noter à propos sauvagement AUPs, c'est que nous pouvons créer quelque chose appelé une boucle infinie.

102
00:08:14,740 --> 00:08:16,160
Si nous ne faisons pas attention.

103
00:08:16,220 --> 00:08:21,260
Donc, une boucle infinie se produit lorsque la condition que nous fournissons n'est jamais fausse.

104
00:08:21,430 --> 00:08:26,680
Donc, il continue juste va et va et va et va à jamais et ce sont évidemment problématique.

105
00:08:26,710 --> 00:08:28,290
Ils peuvent écraser un navigateur.

106
00:08:28,300 --> 00:08:30,210
Ils prennent toute la mémoire en javascript.

107
00:08:30,370 --> 00:08:32,510
Ce n'est pas quelque chose que vous voulez faire.

108
00:08:32,740 --> 00:08:35,840
Voici donc un exemple de la façon dont il se passerait.

109
00:08:36,040 --> 00:08:44,360
Nous avons le compte égal à zéro et alors nous disons le compte wow est moins de 10 annulé le nombre de tours.

110
00:08:44,710 --> 00:08:49,540
Le dénombrement des puits est toujours inférieur à 10 parce qu'il est nul et que nous ne changeons jamais de compte.

111
00:08:49,930 --> 00:08:52,970
Donc, il n'est jamais incrémenté ne va jamais être plus de 10.

112
00:08:53,050 --> 00:08:55,420
Donc, cela va juste imprimer zéro pour toujours.

113
00:08:55,540 --> 00:08:59,550
Donc, je ne vous recommande pas de le faire, mais vous pouvez le copier et le coller dans votre console.

114
00:08:59,620 --> 00:09:02,830
Et ce que vous verriez il imprimerait une tonne de zéros pour commencer.

115
00:09:03,010 --> 00:09:12,910
Et plutôt que d'exécuter infiniment la plupart des navigateurs de nos jours serait effectivement l'arrêter et vous alerter qu'il ya quelque mauvais code écrit il ya une boucle infinie qui est en cours d'exécution.

116
00:09:12,940 --> 00:09:16,080
Donc, juste pour le contraste avec une boucle comme celle-ci.