Opérateur De Diffusion Javascript

| | | | | |

L’opérateur propagation avascript développe un tableau dans la syntaxe qui accepte des arguments. L’opérateur de diffusion est couramment utilisé pour les objets en double, les tableaux de fusion, ou passer le contenu d’une liste en fonction.

L’opérateur de diffusion. Non, il n’a rien à voir avec du pain grillé. En JavaScript, l’opérateur de diffusion a une signification spécifique: il est un moyen d’accéder au contenu d’un objet itérable. Même si cela peut ne pas sembler aussi amusant que le collage d’ une diffusion sur le pain grillé, il est un outil incroyablement utile de savoir.

Dans ce guide, nous allons parler de l’opérateur de diffusion JavaScript et comment cela fonctionne. Nous allons voir quelques exemples de cas d’utilisation commune pour vous aider à démarrer.

Quel est l’opérateur de diffusion JavaScript?

opérateur propagation Un JavaScript vous permet d’accéder au contenu d’un objet itérable . L’opérateur de diffusion est un ensemble de trois points (une ellipse) suivi du nom du itérables auquel vous souhaitez accéder. Cet opérateur a été introduit en JavaScript ES6.

Les trois types d’objets itératifs sont des tableaux, des objets littéraux et les chaaînes. En utilisant une boucle, vous pouvez parcourir tous ces types de données et exécuter un processus commun sur eux.

Les objets itératifs sont utiles parce que vous pouvez effectuer le même processus sur eux plusieurs fois. Vous pouvez itérer une chaaîne et remplacer certains caractères. Vous pouvez itérer un tableau et de créer un total de toutes les valeurs stockées dans le tableau

La syntaxe de l’opérateur de diffusion est:.

Dans cette syntaxe, nous utilisons ... les noms de passer le contenu de notre "noms" liste dans une liste appelée "new_names". La "new_names" liste contient tous les éléments dans les "noms" liste, ainsi qu’un nouveau nom:. Leslie

Trois cas d’utilisation commune pour l’opérateur de diffusion sont:..

√âtaler la syntaxe représente tous les éléments individuels d’une liste

JavaScript propagation opérateur:.. Faites une copie d’un itérables

l’opérateur de diffusion est un moyen efficace de dupliquer un itératives, bien qu’il existe d’ autres moyens pour faire face à ce problème, l’opérateur de diffusion est vraiment facile à utiliser. pour créer une copie d’un itérable, spécifiez trois points et le nom du tableau que vous voulez créer

Dans notre dernier exemple, nous avons montré comment il fonctionne avec un tableau nous pouvons également utiliser l’opérateur de diffusion pour dupliquer des objets JavaScript..

Notre code imprime ce qui suit dans la console JavaScript :

ici sont des distinctions importantes que nous devons faire dans cet exemple. Nous créons une copie d’un objet JavaScript. Cela signifie que nous besoin d’utiliser des accolades ({}) au lieu de crochets ([]).

En second lieu , au lieu de spécifier un tableau unique, nous avons spécifié un objet. Cet objet contient trois clés et des valeurs, dont chacun est lié à notre "Lemon Drizzle" petit g√¢teau.

Les cas d’utilisation de l’opérateur de diffusion ne se limite pas à copier iterables! Il y a plus à explorer. L’opérateur de diffusion est couramment utilisé pour ajouter des éléments d’un itérables à l’ autre. Prenons l’exemple suivant:

Nos retours de code:

Nous avons créé une copie de notre originale array JavaScript nommé "new_cupcakes", qui comprend également quelques valeurs supplémentaires que nous avons créées.

Vous pouvez également utiliser la même syntaxe pour joindre deux itérables. Tout ce que vous devez faire est de préciser les deux iterables entre crochets en utilisant l’opérateur de diffusion:

Nos retours de code:

Le même résultat est retourné comme avant, mais cette fois nous joint deux réseaux

JavaScript Spread:. passage des arguments à une fonction

Lors du passage de multiples arguments dans une fonction JavaScript , il peut être utile d’utiliser l’opérateur de diffusion. Considérez cet exemple:

Nos retours de code:

Nous avons déclaré une fonction appelée PlaceOrder () qui prend trois arguments et les imprime sur la console. Chaque valeur est précédée d’une étiquette décrivant ce que chaque argument contient.

Bien que ce code est fonctionnel, nous pouvons préciser nos arguments dans un tableau et utiliser l’opérateur de diffusion pour les transmettre à notre fonction:

Nos retours de code:

la sortie de ce code est le même, mais la façon dont notre code fonctionne est différent. Au lieu de passer les valeurs directement à notre fonction, nous précisons ces valeurs dans une liste. Nous utilisons ensuite l’opérateur de diffusion de transmettre ces valeurs à notre fonction.