2.9 L'opérateur spread et Rest

Nous avons beaucoup appris sur les classe les fonctions de flèches tournant maintenant nous tête vers de nouveaux opérateurs que nous pourrons utiliser à l'avenir dans le javascript est fait nous pouvons déjà utilisé aujourd'hui dans notre projet react les opérateurs spread et reste en réalité il n'y a qu'un opérateur trois points oui cela peut paraître étrange mais l'opérateur n'a que 3 points désormais sinon lance spread ou reste ça dépend de l'endroit où nous utilisons l'opérateur spread et utiliser pour scinder les éléments du tableau ou les propriétés de l'objet

nous avons donc étendue à tableau ou un objet par exemple si nous avons un ancien tableau et que nous voulons ajouter tous les éléments de cet ancien tableau un nouveau tableau est ajouté en plus un élément 1 est un élément 2 cette première syntaxe serait celle que nous utilisons trois points devant le tableau il suffit simplement d'extraire tous les éléments et de l'ajouter a un nouveau tableau que nous avons créé avec des crochets et bien sûr nous pourrons ajouter plus d'éléments donc si nous utilisons simplement la syntaxe normal avec les crochets pour crée Un tableau il en va de même pour l'objet nous créons un nouvel objet avec des accolades avec le nouvel accessoire ancien objet pour extraire toutes les propriétés de l'ancien objets et leurs valeurs et les ajouter en tant que père clé-valeur au nouvel objet en tant que notre complémentaire de l'ancien.

aussi il y a une nouvelle propriété il serait écraser par un nouvel accessoire 5 ici donc notre propriété à la priorité c'est l'opérateur propagation maintenant l'opérateur reste est le même mais il est utilisé différemment il est utilisé pour fusionner avec une liste des arguments de fonction dans un tableau et cela nous montre ou en utilisant nous l'utilisons dans une d'arguments de fonction voici un exemple sortArgs soit un nombre illimité l'argument ainsi un argument 2 3 ou autres avec un point point point nous écrivons qu'un arguments mais nous pouvons en recevoir plusieurs et ils seront tous fusionner dans un tableau ainsi nous pouvons alors appliquer des méthodes de tableaux à notre liste des arguments pour faire ce que nous voulons avec nos arguments stockés de manière pratique jetons un coup d'œil. au 2 utiliser en tant que tel sur jsbin

commençons donc avec l'opérateur de propagation je vais créer un tableau de nombres 1 2 3 ajouté autant que vous voulez maintenant je veux créer un nouveau tableau Newnumber et comme vous l'avez vu spread est maintenant utiliser simplement en ajoutant 3Points ensuite les anciens numéros de tableaux et potentiellement vous n'avez pas le faire un nouveau numéro comme quatre et encore Avec cela si je console maintenant le journal Nouveau numéro on va mettre bien sûr on va le mettre en anglais

maintenant si je clique sur Run ça va me mettre 1 2 3 et 4 ceci est donc l'operateur de diffusion maintenant la même chose pour les objets je vais crée Personne ici ou j'ai un nom Ici on est trois petits points personne est en bas âge deux point 21 est en bas on va marquer console.log et on va mettre new personne ceci est maintenant si j'enregistre la console New personne objet âge 21 ans name Mathieu il sagit donc de prendre la personne et de la distribué a la nouvelle personne qui est l'opérateur de propagation maintenant l'opérateur de repos qui utilisait le moins souvent et qui est utilisé dans une fonction et vous pouvez bien sûr utiliser la fonction de flèche es6 nous pourrions avoir une fonction de filtre comme vous vous l'appelez

et nous obtenons quelques arguments sans que vous n'ayez à les utiliser ici vous pouvait nommer ce que vous voulez ici mais il faut obligatoirement qu'il y ait les trois fois ici on va retourner la clé Args et on va.Un filtre Nous obtiendrons donc ici notre élément puis nous pourrions utiliser la fonction de flash intégré pour simplement indiqué le retour comme ceci est là ici on va mettre l = 1 peut etre que vous ne connaissais pas la valeur des 3 signes égaux les 3 signes vérifie l'égalité des types et des valeurs de sorte qu'elle doit également être un nombre tout ceci n'a rien à voir avec le repos ou la propagation du coup en bas on va marquer console.log mais par contre on va rajouter ceci à l'intérieur et comme au début si vous vous rappelez bien on va mettre un deux trois bien sûr n'oubliez pas les virgules et maintenant si on fait run

Ça nous met un car nous avons filtrer ce tableau qui écrit avec l'opérateur rest avec les trois points ici le repos la propagation son donc l'utilisation de trois points que vous verrez plus souvent dans ce cours.