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.