L'opérateur de diffusion javascript a expliqué

JavaScript prend en charge de nombreux opérateurs, méthodes et fonctions pour rendre le code compréhensible et réutilisable facilement. L'un des opérateurs bien connus, l'opérateur de propagation est pratiqué pour récupérer des éléments de variables de divers types de données (i.e., chaînes, tableaux, objets, etc.). En outre, l'utilisation de l'opérateur de diffusion est multiple de sorte qu'elle peut être utilisée pour copier des éléments de tableau, des tableaux de concaténate, ajouter n'importe quel élément à un tableau existant, et bien d'autres.

Ce guide fournit le fonctionnement de l'opérateur de propagation en javascript avec ses utilisations multiples. Le contenu suivant serait couvert dans cet article:

1. Comment fonctionne l'opérateur de diffusion en javascript
2. Comment utiliser l'opérateur de diffusion en javascript

Comment fonctionne l'opérateur de diffusion en javascript

La syntaxe de l'opérateur d'écart est similaire à l'opérateur de repos comme on peut le voir ci-dessous.

… Var

Bien que la syntaxe de l'opérateur de repos et de propagation soit la même, ils ont des fonctionnalités différentes à offrir. L'opérateur de repos renvoie la combinaison d'éléments dans une variable de tableau tandis que l'opérateur de propagation répartit l'objet en éléments individuels.

Comment concaténer les tableaux à l'aide de l'opérateur de propagation

Ce qui vous vient à l'esprit tout en concaténant les tableaux? Méthode concat (), à droite? Cependant, l'opérateur d'écart peut également être utilisé pour rejoindre deux tableaux ou plus en un seul. Le code fourni ci-dessous fait référence à la concaténation des tableaux en JavaScript à l'aide de l'opérateur de diffusion.

var arr1 = [1, 2, 3]
var arr2 = [4, 5, 6]
var arr3 = [… arr1,… arr2];
console.log (arr3);

Le code ci-dessus crée deux tableaux nommés Arr1 et Arr2. Plus tard, ces tableaux sont joints à l'aide d'un opérateur de propagation et stockés dans un autre tableau nommé Arr3.

Sortir

La sortie montre que l'opérateur de propagation a concaténé deux tableaux.

Comment ajouter de nouveaux éléments à un tableau à l'aide de l'opérateur de propagation

Le code suivant fait référence à l'utilisation de l'opérateur de diffusion pour ajouter de nouveaux éléments à un tableau.

var arr1 = [1, 2, 3]
Arr1 = [… Arr1, 4, 5];
console.log (arr1);

Le code ci-dessus crée un tableau de nombres qui ont trois éléments. Cependant, en utilisant l'opérateur de propagation, deux autres éléments sont ajoutés au Arr1.

Sortir

La sortie montre que deux nouveaux éléments d'ARR1 sont ajoutés.

Comment utiliser l'opérateur de diffusion avec des fonctions mathématiques

En JavaScript, les fonctions mathématiques sont utilisées pour effectuer des calculs sur les données. Vous pouvez utiliser l'opérateur de diffusion avec des fonctions de correspondance pour effectuer les calculs plus efficacement comme cela serait pratiqué dans le code suivant.

var arr1 = [11, -22, 13, -44, 35]
console.journal (mathématiques.Max (… arr1));

Le code ci-dessus crée un tableau de nombres et Mathématiques.max La fonction est utilisée sur les valeurs du tableau à l'aide de l'opérateur de propagation.

Sortir

La sortie montre que le Mathématiques.fonction max () a été appliqué sur le Arr1 à l'aide de l'opérateur de propagation et la valeur maximale de la Arr1 est retourné.

Comment convertir «String en un tableau de caractères de chaîne» à l'aide de l'opérateur de diffusion

Le code fourni ci-dessous utilise un opérateur d'écart pour convertir la chaîne en un tableau de chaînes.

var x = "Linuxhint";
var arr = [… x];
console.log (arr);

Le code ci-dessus initialise une chaîne, puis l'opérateur de diffusion sépare les caractères de chaîne dans un tableau de chaînes.

Sortir

La sortie montre que l'opérateur d'étalement a séparé les caractères de chaîne et est stocké dans un tableau.

Comment utiliser l'opérateur de diffusion dans l'appel de fonction

Le code fourni ci-dessous utilise un opérateur d'écart à utiliser pour passer plusieurs arguments.

fonction ajouter (a, b, c, d, e)
console.journal (a + b + c + d + e)

var args = [10, 14, 18]
Ajouter (… args, 5, 8);

Une fonction ajouter est créé qui accepte cinq valeurs comme arguments et ajoute ces valeurs. Le args est un tableau de nombres qui contiennent trois éléments. Tout en appelant la fonction, les valeurs en args sont exercés avec l'opérateur de propagation et deux paramètres sont utilisés individuellement pour compléter les cinq arguments.

Sortir

La sortie montre que le Fonction Add () est appelé avec le Args, 5 et 8. Le args comprend trois valeurs qui seraient réparties sur la fonction.

Conclusion

L'opérateur de propagation vous permet d'extraire les éléments et de les étendre en individus. L'opérateur de propagation est entré dans l'entreprise dans ES6 (la dernière version JS publiée en 2015). Cet article démontre le travail et l'utilisation d'un opérateur de spread en JavaScript. À l'aide de l'opérateur de propagation, on peut concaténer les tableaux, ajouter de nouveaux éléments à un tableau, décomposer la chaîne en caractères individuels et bien d'autres. Tous les usages indiqués ci-dessus de l'opérateur de propagation sont expliqués ici à l'aide d'exemples.