Que fait le colon Javascript?

Le côlon «:» est une marque de ponctuation composée de deux points identiques qui sont alignés verticalement. La majorité de la syntaxe de JavaScript est dérivée de Java, C et C++. En JavaScript, un côlon peut être utilisé de différentes manières, comme la vérification du cas dans l'instruction Switch, la définition d'étiquettes et les propriétés des objets en créant des littéraux d'objet.

Cet article démontrera le fonctionnement du côlon «:» en javascript.

Que fait JavaScript Colon (:) fait?

En JavaScript, le côlon «:» a une variété d'utilisations. Voyons le fonctionnement du côlon «:» dans de nombreuses situations telles que:

• Dans l'instruction Switch
• en opération ternaire
• pour objet littéral
• Pour définir les étiquettes

Méthode 1: Utilisez le colon «:» dans l'instruction Switch

Ici, nous verrons le fonctionnement du côlon «:» dans l'instruction Switch pour vérifier les cas ajoutés.

Exemple
Premièrement, nous créerons une variable nommée «âge"Et attribue la valeur"18»:

Soit l'âge = 18;

Ensuite, utilisez le colon «:» dans l'instruction Switch qui vérifiera l'âge en fonction de différents cas:

commutateur (âge)
Cas 15:
console.Log ("Il a 15 ans");
casser;
Cas 20:
console.Log ("Il a 20 ans");
casser;
défaut:
console.Log ("son âge a 18 ans");

Sortir

Méthode 2: Utilisez le colon «:» en opération ternaire

Voyons le fonctionnement du côlon «:» dans l'opérateur ternaire.

Exemple
Nous allons d'abord créer deux variables, "un" et "b", En attribuant des valeurs"12" et "8", respectivement:

var a = 12;
var b = 8;

Ensuite, vérifiez quelle variable est plus grande en utilisant l'opérateur ternaire:

var res = a> b ? "A est supérieur à B": "B est supérieur à A";

Enfin, imprimez le résultat en utilisant «console.enregistrer()" méthode:

console.log (res);

La sortie montre que la variable a est supérieure à B:

Méthode 3: Utilisez le colon «:» pour l'objet littéral

Pour créer un objet en JavaScript, vous pouvez également utiliser le côlon «:» dans un programme. Il fonctionne de telle manière que vous devez placer le nom de la propriété de l'objet avant le côlon et sa valeur après cela.

Exemple
Créer un objet "voiture"Avec des propriétés"couleur" et "modèle»:

var car =
la couleur noire",
Modèle: 2019

Ensuite, nous obtiendrons la couleur de l'objet de voiture et afficherons sur la console:

console.Log ("La couleur de la voiture est" + voiture.couleur);

Sortir

Méthode 4: Utilisez le colon «:» pour régler les étiquettes

Vous pouvez également utiliser le côlon pour définir des étiquettes qui sont expliquées dans l'exemple suivant.

Exemple
Premièrement, nous créerons trois variables "un","b" et "res»:

var a = 5;
var b = 52;
var res = 0;

Ensuite, définissez une étiquette où nous utiliserons un côlon:

somme:

Ensuite, définissez une boucle en utilisant lesquelles nous ajouterons les nombres jusqu'à «un" est inférieur à "b»:

tandis que (un= b)
rupture de somme;

Enfin, nous allons imprimer la somme en utilisant le «console.enregistrer()" méthode:

console.log ("sum is" + res);

Sortir

Nous avons couvert toutes les informations de base sur le colon «:» en javascript.

Conclusion

Le côlon «:» est une marque de ponctuation utilisée de différentes manières en JavaScript, comme la vérification du cas dans l'instruction Switch, la définition d'étiquettes ou la définition. Son utilisation dépend de vos besoins. Dans cet article, nous avons démontré le fonctionnement du côlon «:» en javascript avec des exemples.