1 00:00:02,630 --> 00:00:09,830 Dans le JavaScript moderne, il y a deux opérateurs importants que vous devez également connaître, car tous les utilisent 2 00:00:09,830 --> 00:00:11,600 également pour le cours. 3 00:00:12,080 --> 00:00:14,110 Et cela doit se reposer et se répandre. 4 00:00:14,270 --> 00:00:18,950 Les opérateurs savent que l'opérateur d'étalement est celui que nous utiliserons beaucoup. 5 00:00:19,550 --> 00:00:26,390 Disons que nous voulons implémenter le modèle où lorsque nous ajoutons un nouveau passe-temps, nous ne modifions pas le tableau 6 00:00:26,390 --> 00:00:30,740 d'origine, mais nous créons un nouveau tableau avec toutes les anciennes valeurs. 7 00:00:31,190 --> 00:00:37,610 Et la nouvelle valeur est en fait un modèle assez commun appelé immuabilité, où nous n'avons jamais ajouté de valeurs 8 00:00:37,610 --> 00:00:41,300 existantes, mais où nous les remplaçons toujours par des copies. 9 00:00:41,420 --> 00:00:42,950 Plus les changements. 10 00:00:43,180 --> 00:00:44,270 Et c'est tout un modèle. 11 00:00:44,270 --> 00:00:45,770 J'en utiliserai beaucoup dans le cours. 12 00:00:46,310 --> 00:00:52,760 L'idée derrière cela est que nous évitons les erreurs car nous avons toujours cette approche claire de la copie. 13 00:00:52,910 --> 00:00:58,250 Ensuite, ajoutez-le et ne modifiez pas les objets existants qui pourraient conduire à un code plus illisible. 14 00:00:58,910 --> 00:01:00,320 Maintenant, pour copier un tableau. 15 00:01:00,710 --> 00:01:03,680 Disons ici que je crée le tableau Kopit. 16 00:01:04,100 --> 00:01:06,320 Nous avons quelques techniques possibles. 17 00:01:06,650 --> 00:01:08,780 L'un d'eux est d'utiliser pour couper l'opérateur. 18 00:01:09,200 --> 00:01:15,260 Maintenant, si je produis des tableaux copiés là-bas et que je lance des échecs de jeu de nœud, je vois des sports et de la cuisine. 19 00:01:15,260 --> 00:01:16,520 Je l'ai donc bien copié. 20 00:01:17,000 --> 00:01:19,520 Slice copie simplement un tableau. 21 00:01:19,730 --> 00:01:24,800 Nous pouvons passer des arguments pour réduire la gamme d'éléments que nous voulons copier sans arguments. 22 00:01:24,860 --> 00:01:26,270 Nous copions l'ensemble du tableau. 23 00:01:27,320 --> 00:01:30,470 Maintenant, au lieu de tranche, il existe également une technique différente. 24 00:01:31,070 --> 00:01:35,570 Nous pouvons créer un nouveau tableau avec des crochets et nous pourrions ajouter le regard de Hobbie. 25 00:01:35,570 --> 00:01:35,920 Droite? 26 00:01:36,410 --> 00:01:38,540 Maintenant, que se passe-t-il si nous exécutons cela? 27 00:01:38,900 --> 00:01:40,550 Que verrons-nous dans la console? 28 00:01:41,590 --> 00:01:43,880 Eh bien, si je tape sur Entrée, on voit. 29 00:01:44,170 --> 00:01:50,080 Eh bien, cela ressemble à une copie à première vue, mais en fait, c'est un tableau sans tableau. 30 00:01:50,530 --> 00:01:53,290 Ainsi, le tableau externe n'a qu'un seul élément. 31 00:01:53,510 --> 00:01:54,700 Et c'est le tableau intérieur. 32 00:01:55,150 --> 00:01:56,290 Ce n'est donc pas une copie. 33 00:01:56,470 --> 00:02:00,190 C'est juste un nouveau tableau où le premier élément est l'ancien tableau. 34 00:02:00,370 --> 00:02:02,590 Et avec cela, je veux dire exactement le même objet. 35 00:02:02,680 --> 00:02:03,850 Pas une copie de ça. 36 00:02:04,810 --> 00:02:06,320 Nous venons donc de créer un. 37 00:02:07,690 --> 00:02:08,860 Tableau imbriqué ici. 38 00:02:09,050 --> 00:02:11,620 Bien sûr, ce n'était pas ce que nous voulions faire ici. 39 00:02:12,340 --> 00:02:17,400 Et ici, nous pouvons utiliser pour répartir l'opérateur, l'opérateur de propagation sont des points libres. 40 00:02:17,440 --> 00:02:20,680 On peut ajouter devant un tableau ou un objet. 41 00:02:21,460 --> 00:02:25,900 Et ces points gratuits sont opérateur tout comme un plus ou un moins R. 42 00:02:26,830 --> 00:02:28,120 Et ils font une chose. 43 00:02:28,930 --> 00:02:38,590 Ils prennent ces tableaux ou objets après l'opérateur et retirent tous les éléments ou propriétés. 44 00:02:38,650 --> 00:02:47,710 Donc, tous les éléments d'un tableau ou toutes les propriétés d'un objet et mettez-le à tout ce qui est autour de la répartition de la 45 00:02:47,740 --> 00:02:48,430 dette. 46 00:02:48,460 --> 00:02:52,210 Opérateur Dans ce cas, nous avons obtenu des crochets autour de la propagation. 47 00:02:52,210 --> 00:02:59,410 Opérateur Et donc tous les éléments qui sont extraits du tableau existant sont ajoutés au nouveau 48 00:02:59,410 --> 00:03:00,040 tableau. 49 00:03:00,730 --> 00:03:06,010 Et par conséquent, si je lance à nouveau cet automne, je pleure et je le sauvegarde avant de le relancer. 50 00:03:06,550 --> 00:03:09,970 Nous voyons maintenant que c'était la sortie de l'ancienne approche, le tableau imbriqué. 51 00:03:10,420 --> 00:03:12,520 Maintenant, nous n'avons plus de tableau imbriqué. 52 00:03:12,610 --> 00:03:13,810 Nous avons obtenu un tableau. 53 00:03:13,960 --> 00:03:21,160 Et ceci est maintenant une copie de l'ancien, car nous prenons ces opérateurs répartis pour extraire ces éléments et 54 00:03:21,370 --> 00:03:24,880 les ajouter un par un au nouveau tableau. 55 00:03:25,720 --> 00:03:26,830 C'est donc quelque chose que vous verrez. 56 00:03:26,830 --> 00:03:30,760 Nous faisons beaucoup pour copier des tableaux ou des objets existants. 57 00:03:30,760 --> 00:03:32,350 Sterrett fonctionnerait de la même manière. 58 00:03:32,860 --> 00:03:37,780 Nous pourrions faire copier notre personne en utilisant des accolades. 59 00:03:38,230 --> 00:03:42,280 Puis l'opérateur d'étalement, les points libres puis la personne âgée. 60 00:03:42,910 --> 00:03:45,670 Et maintenant, si une console a verrouillé une personne copiée ici. 61 00:03:47,860 --> 00:03:49,880 Et j'exécute à nouveau cet automne. 62 00:03:50,240 --> 00:03:56,750 C'est notre personne Kopit ici parce que je retire tous ces éléments de cet objet et je l'ajoute à 63 00:03:56,750 --> 00:03:57,920 un nouvel objet. 64 00:03:58,130 --> 00:04:00,890 Cela fonctionne donc pour les objets et les tableaux. 65 00:04:01,100 --> 00:04:02,750 Et c'est un Syntex. 66 00:04:02,810 --> 00:04:04,520 J'en utiliserai pas mal dans ce cours. 67 00:04:05,150 --> 00:04:06,230 Maintenant, cela se propage. 68 00:04:06,260 --> 00:04:14,150 Opérateur, j'ai également mentionné l'opérateur de repos et l'opérateur de repos est essentiellement le contraire. 69 00:04:15,270 --> 00:04:18,560 Disons que j'ai une fonction que je nommerai deux tableaux. 70 00:04:19,320 --> 00:04:20,400 C'est une fonction de flèche. 71 00:04:21,090 --> 00:04:26,160 Et là, je m'attends à ce que les arguments soient d'un arc à l'arc libre. 72 00:04:27,320 --> 00:04:30,050 Je veux retourner un tableau qui contient ces arguments. 73 00:04:30,470 --> 00:04:32,600 Gibson a émis un signe égal ici. 74 00:04:32,900 --> 00:04:38,810 Donc, lorsque je retourne un tableau contenant ces arguments, je peux bien sûr renvoyer des crochets ici. 75 00:04:39,260 --> 00:04:41,300 Et puis le premier élément sera un AAG. 76 00:04:41,960 --> 00:04:45,710 Ensuite, j'ai ARC deux est le deuxième élément et sans arc est le premier élément. 77 00:04:47,160 --> 00:04:57,410 Maintenant, je peux verrouiller la console sur le tableau et je passe un, deux et trois comme arguments libres à cette fonction. 78 00:04:58,420 --> 00:05:03,070 Si j'exécute maintenant jouer aux échecs, nous voyons un tableau avec un, deux et trois D trois éléments. 79 00:05:03,190 --> 00:05:06,490 Cela fonctionne donc, mais ce n'est pas du tout flexible. 80 00:05:06,910 --> 00:05:08,830 Et si nous voulons passer pour des arguments? 81 00:05:09,280 --> 00:05:10,660 Eh bien, nous pourrions l'appeler comme ça. 82 00:05:10,990 --> 00:05:12,660 JavaScript permet effectivement cela. 83 00:05:12,760 --> 00:05:16,810 Mais bien sûr, il n'est pas ajouté car nous ne travaillons qu'avec des arguments gratuits ici. 84 00:05:17,560 --> 00:05:20,740 Nous pourrions faire est que nous pourrions utiliser le soi-disant opérateur de repos, cher. 85 00:05:22,350 --> 00:05:23,190 Point, point, point. 86 00:05:23,400 --> 00:05:24,600 Et puis demande juste. 87 00:05:25,200 --> 00:05:27,630 Et cela prendra en fait tous les arguments. 88 00:05:27,960 --> 00:05:29,550 Combien nous pourrions spécifier. 89 00:05:29,570 --> 00:05:30,420 Ça n'a pas d'importance. 90 00:05:31,140 --> 00:05:33,660 Et il les regroupera dans un tableau pour nous. 91 00:05:34,110 --> 00:05:37,680 Donc, ici, les ARG seront un tableau et je peux simplement le retourner en fait. 92 00:05:38,460 --> 00:05:46,800 Et maintenant, si je l'exécute avec deux tableaux pour obtenir des arguments, vous voyez maintenant que j'ai mon tableau avec quatre 93 00:05:46,800 --> 00:05:47,760 arguments ici. 94 00:05:48,270 --> 00:05:51,120 Ainsi, l'opérateur de repos ressemble à l'opérateur de propagation. 95 00:05:51,240 --> 00:05:52,080 Points gratuits. 96 00:05:52,350 --> 00:05:55,710 Et c'est l'endroit où vous l'utilisez qui définit comment vous l'appelez. 97 00:05:56,400 --> 00:06:02,700 L'utilisez-vous pour extraire des éléments ou des propriétés de tableaux ou d'objets? 98 00:06:03,090 --> 00:06:05,230 Ce serait alors l'opérateur de propagation. 99 00:06:06,090 --> 00:06:11,970 L'utilisez-vous pour fusionner plusieurs arguments dans un tableau? 100 00:06:12,750 --> 00:06:15,480 Et vous l'utilisez dans la liste d'arguments d'une fonction. 101 00:06:15,840 --> 00:06:18,030 Ensuite, c'est l'opérateur de repos. 102 00:06:18,480 --> 00:06:22,470 C'est le même opérateur par le Syntex ou d'un point de vue Syntex. 103 00:06:22,650 --> 00:06:25,710 Le nom diffère selon l'endroit où vous l'utilisez. 104 00:06:26,340 --> 00:06:27,360 Je n'utiliserai pas ça. 105 00:06:27,360 --> 00:06:29,850 Certains en prennent beaucoup dans ce cours, mais c'est quand même agréable à savoir. 106 00:06:30,120 --> 00:06:35,780 Mais pouvoir extraire des éléments ou des propriétés, des données, quelque chose que vous devez comprendre parce que papa est un Syntex, 107 00:06:35,790 --> 00:06:38,640 vous me verrez en utiliser beaucoup tout au long du cours.