TypeScript - Opérateurs

Qu'est-ce qu'un opérateur?

Un opérateur définit une fonction qui sera exécutée sur les données. Les données sur lesquelles les opérateurs travaillent sont appelées opérandes. Considérez l'expression suivante -

7 + 5 = 12

Ici, les valeurs 7, 5 et 12 sont operands, tandis que + et = sont operators.

Les principaux opérateurs de TypeScript peuvent être classés comme -

  • Opérateurs arithmétiques
  • Opérateurs logiques
  • Opérateurs relationnels
  • Opérateurs au niveau du bit
  • Opérateurs d'affectation
  • Opérateur ternaire / conditionnel
  • Opérateur de chaîne
  • Opérateur de type

Opérateurs arithmétiques

Supposons que les valeurs des variables a et b soient 10 et 5 respectivement.

Afficher des exemples

Opérateur La description Exemple
+ (Ajout) renvoie la somme des opérandes a + b vaut 15
- (Soustraction) renvoie la différence des valeurs a - b vaut 5
* (Multiplication) renvoie le produit des valeurs a * b vaut 50
/ (Division) effectue une opération de division et renvoie le quotient a / b vaut 2
% (Module) effectue l'opération de division et renvoie le reste a% b vaut 0
++ (Incrément) Incrémente la valeur de la variable de un a ++ vaut 11
- (Décrément) Décrémente la valeur de la variable de un a-- vaut 9

Opérateurs relationnels

Les opérateurs relationnels testent ou définissent le type de relation entre deux entités. Les opérateurs relationnels renvoient une valeur booléenne, c'est-à-dire vrai / faux.

Supposons que la valeur de A est 10 et B est 20.

Afficher des exemples

Opérateur La description Exemple
> Plus grand que (A> B) est faux
< Inférieur à (A <B) est vrai
> = Plus grand ou égal à (A> = B) est faux
<= Inférieur ou égal à (A <= B) est vrai
== Égalité (A == B) est faux
! = Inégal (A! = B) est vrai

Opérateurs logiques

Les opérateurs logiques sont utilisés pour combiner deux ou plusieurs conditions. Les opérateurs logiques renvoient également une valeur booléenne. Supposons que la valeur de la variable A est 10 et B est 20.

Afficher des exemples

Opérateur La description Exemple
&& (Et) L'opérateur renvoie true uniquement si toutes les expressions spécifiées retournent true (A> 10 && B> 10) est faux
|| (OU) L'opérateur renvoie true si au moins une des expressions spécifiées renvoie true (A> 10 || B> 10) est vrai
! (NE PAS) L'opérateur renvoie l'inverse du résultat de l'expression. Par exemple:! (> 5) renvoie faux ! (A> 10) est vrai

Opérateurs au niveau du bit

Supposons que la variable A = 2 et B = 3

Afficher des exemples

Opérateur La description Exemple
& (ET au niveau du bit) Il effectue une opération booléenne AND sur chaque bit de ses arguments entiers. (A & B) est égal à 2
| (BitWise OU) Il effectue une opération booléenne OU sur chaque bit de ses arguments entiers. (A | B) vaut 3
^ (XOR au niveau du bit) Il effectue une opération OU exclusive booléenne sur chaque bit de ses arguments entiers. OU exclusif signifie que l'opérande un est vrai ou que l'opérande deux est vrai, mais pas les deux. (A ^ B) vaut 1
~ (Pas au niveau du bit) C'est un opérateur unaire et fonctionne en inversant tous les bits de l'opérande. (~ B) est -4
<< (Maj gauche) Il déplace tous les bits de son premier opérande vers la gauche du nombre de places spécifié dans le deuxième opérande. Les nouveaux bits sont remplis de zéros. Décaler une valeur vers la gauche d'une position équivaut à la multiplier par 2, déplacer deux positions équivaut à multiplier par 4, et ainsi de suite. (A << 1) vaut 4
>> (décalage vers la droite) Opérateur de décalage binaire vers la droite. La valeur de l'opérande de gauche est déplacée vers la droite du nombre de bits spécifié par l'opérande de droite. (A >> 1) vaut 1
>>> (décalage à droite avec zéro) Cet opérateur est exactement comme l'opérateur >>, sauf que les bits décalés à gauche sont toujours nuls. (A >>> 1) est 1

Opérateurs d'affectation

Afficher des exemples

Opérateur La description Exemple
= (Affectation simple) Attribue des valeurs de l'opérande du côté droit à l'opérande du côté gauche C = A + B attribuera la valeur de A + B à C
+ = (Ajouter et attribuer) Il ajoute l'opérande droit à l'opérande gauche et affecte le résultat à l'opérande gauche. C + = A équivaut à C = C + A
- = (soustraire et attribuer) Il soustrait l'opérande droit de l'opérande gauche et affecte le résultat à l'opérande gauche. C - = A équivaut à C = C - A
* = (Multiplier et attribuer) Il multiplie l'opérande droit par l'opérande gauche et affecte le résultat à l'opérande gauche. C * = A équivaut à C = C * A
/ = (Division et attribution) Il divise l'opérande de gauche par l'opérande de droite et affecte le résultat à l'opérande de gauche.

Note - La même logique s'applique aux opérateurs Bitwise, donc ils deviendront << =, >> =, >> =, & =, | = et ^ =.

Opérateurs divers

L'opérateur de négation (-)

Modifie le signe d'une valeur. Prenons un exemple.

var x:number = 4 
var y = -x; 
console.log("value of x: ",x);   //outputs 4 
console.log("value of y: ",y);   //outputs -4

Lors de la compilation, il générera le code JavaScript suivant.

//Generated by typescript 1.8.10
var x = 4;
var y = -x;
console.log("value of x: ", x);   //outputs 4
console.log("value of y: ", y);   //outputs -4

Il produira la sortie suivante -

value of x:  4 
value of y:  -4

Opérateurs de chaîne: opérateur de concaténation (+)

L'opérateur + lorsqu'il est appliqué aux chaînes ajoute la deuxième chaîne à la première. L'exemple suivant nous aide à comprendre ce concept.

var msg:string = "hello"+"world" 
console.log(msg)

Lors de la compilation, il générera le code JavaScript suivant.

//Generated by typescript 1.8.10
var msg = "hello" + "world";
console.log(msg);

Il produira la sortie suivante -

helloworld

L'opération de concaténation n'ajoute pas d'espace entre les chaînes. Plusieurs chaînes peuvent être concaténées dans une seule instruction.

Opérateur conditionnel (?)

Cet opérateur est utilisé pour représenter une expression conditionnelle. L'opérateur conditionnel est également parfois appelé opérateur ternaire. La syntaxe est la suivante -

Test ? expr1 : expr2

  • Test - fait référence à l'expression conditionnelle

  • expr1 - valeur retournée si la condition est vraie

  • expr2 - valeur retournée si la condition est fausse

Jetons un coup d'œil au code suivant -

var num:number = -2 
var result = num > 0 ?"positive":"non-positive" 
console.log(result)

La ligne 2 vérifie si la valeur de la variable numest supérieur à zéro. Sinum est mis à une valeur supérieure à zéro, il renvoie la chaîne «positive» sinon la chaîne «non positive» est renvoyée.

Lors de la compilation, il générera le code JavaScript suivant.

//Generated by typescript 1.8.10
var num = -2;
var result = num > 0 ? "positive" : "non-positive";
console.log(result);

L'extrait de code ci-dessus produira la sortie suivante -

non-positive

Opérateurs de type

type d'opérateur

C'est un opérateur unaire. Cet opérateur renvoie le type de données de l'opérande. Jetez un œil à l'exemple suivant -

var num = 12 
console.log(typeof num);   //output: number

Lors de la compilation, il générera le code JavaScript suivant.

//Generated by typescript 1.8.10
var num = 12;
console.log(typeof num);   //output: number

Il produira la sortie suivante -

number

exemple de

Cet opérateur peut être utilisé pour tester si un objet est d'un type spécifié ou non. L'utilisation deinstanceof l'opérateur est abordé dans le chapitre classes.