ES6 - Opérateurs

Un expressionest un type spécial d'instruction qui évalue une valeur. Chaque expression est composée de -

Operands - Représente les données.
Operator - Définit comment les opérandes seront traités pour produire une valeur.

Considérez l'expression suivante - 2 + 3. Ici, dans l'expression, 2 et 3 sont des opérandes et le symbole + (plus) est l'opérateur. JavaScript prend en charge les types d'opérateurs suivants -

Opérateurs arithmétiques
Opérateurs logiques
Opérateurs relationnels
Opérateurs au niveau du bit
Opérateurs d'affectation
Opérateurs ternaires / conditionnels
Opérateurs de chaîne
Opérateurs de type
L'opérateur du vide

Opérateurs arithmétiques

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

Afficher des exemples

Opérateur	Fonction	Exemple
+	Addition Renvoie la somme des opérandes.	a + b vaut 15
-	Subtraction Renvoie la différence des valeurs.	ab est 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
%	Modulus Effectue une division et renvoie le reste.	a% b vaut 0
++	Increment Incrémente la valeur de la variable de un.	a ++ vaut 11
-	Decrement 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

Les opérateurs	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.

Montrez des exemples .

Les opérateurs	La description	Exemple
&&	And L'opérateur renvoie true uniquement si toutes les expressions spécifiées retournent true.	(A> 10 && B> 10) est faux
\|\|	Or L'opérateur renvoie true si au moins une des expressions spécifiées renvoie true.	(A> 10 \|\| B> 10) est vrai
!	Not L'opérateur renvoie l'inverse du résultat de l'expression. Par exemple:! (7> 5) renvoie faux.	! (A> 10) est vrai

Opérateurs au niveau du bit

JavaScript prend en charge les opérateurs binaires suivants. Le tableau suivant résume les opérateurs binaires de JavaScript.

Montrez des exemples .

Les opérateurs	Usage	La description
ET au niveau du bit	un B	Renvoie un un dans chaque position de bit pour laquelle les bits correspondants des deux opérandes sont des uns
OU au niveau du bit	a \| b	Renvoie un un dans chaque position de bit pour laquelle les bits correspondants de l'un ou des deux opérandes sont des uns
XOR au niveau du bit	a ^{^} b	Renvoie un un dans chaque position de bit pour laquelle les bits correspondants de l'un ou l'autre des opérandes mais pas des deux sont des uns
Pas au niveau du bit	~ un	Inverse les bits de son opérande
Décalage à gauche	a << b	Décale a dans la représentation binaire b (<32) bits vers la gauche, décalant par zéros de la droite
Décalage à droite se propageant par signe	a >> b	Décale a dans la représentation binaire b (<32) bits vers la droite, en supprimant les bits décalés
Décalage à droite sans remplissage	a >>> b	Décale a dans la représentation binaire b (<32) bits vers la droite, en supprimant les bits décalés et en décalant par zéros à partir de la gauche

Opérateurs d'affectation

Le tableau suivant récapitule les opérateurs d'affectation.

Montrez des exemples .

Sr.Non	Opérateur et description
1	= (Simple Assignment) Attribue des valeurs de l'opérande du côté droit à l'opérande du côté gauche. Example - C = A + B attribuera la valeur de A + B à C
2	+= (Add and Assignment) Il ajoute l'opérande droit à l'opérande gauche et affecte le résultat à l'opérande gauche. Example - C + = A équivaut à C = C + A
3	-= (Subtract and Assignment) Il soustrait l'opérande droit de l'opérande gauche et affecte le résultat à l'opérande gauche. Example C - = A équivaut à C = C - A
4	= (Multiply and Assignment) Il multiplie l'opérande droit par l'opérande gauche et affecte le résultat à l'opérande gauche. Example* C * = A équivaut à C = C * A
5	/= (Divide and Assignment) 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

Voici quelques-uns des opérateurs divers.

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

Modifie le signe d'une valeur. Le programme suivant en est un exemple.

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

La sortie suivante s'affiche lors de l'exécution réussie du programme ci-dessus.

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. Le programme suivant aide à comprendre ce concept.

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

La sortie suivante s'affiche lors de l'exécution réussie du programme ci-dessus.

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. Voici la syntaxe.

Test ? expr1 : expr2

Où,

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

Example

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

La ligne 2 vérifie si la valeur de la variable num est supérieure à zéro. Si num est défini sur une valeur supérieure à zéro, il renvoie la chaîne «positive», sinon une chaîne «non positive» est renvoyée.

La sortie suivante s'affiche lors de l'exécution réussie du programme ci-dessus.

non-positive

type d'opérateur

C'est un opérateur unaire. Cet opérateur renvoie le type de données de l'opérande. Le tableau suivant répertorie les types de données et les valeurs renvoyées par letypeof opérateur en JavaScript.

Type	Chaîne renvoyée par typeof
Nombre	"nombre"
Chaîne	"chaîne"
Booléen	"booléen"
Objet	"objet"

L'exemple de code suivant affiche le nombre comme sortie.

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

La sortie suivante s'affiche lors de l'exécution réussie du code ci-dessus.

number

Opérateur de propagation

ES6 fournit un nouvel opérateur appelé le spread operator. L'opérateur d'étalement est représenté par trois points «...». L'opérateur de diffusion convertit un tableau en éléments de tableau individuels.

Opérateur et fonction d'épandage

L'exemple suivant illustre l'utilisation d'opérateurs de diffusion dans une fonction

<script>
   function addThreeNumbers(a,b,c){
      return a+b+c;
   }
   const arr = [10,20,30]
   console.log('sum is :',addThreeNumbers(...arr))
   console.log('sum is ',addThreeNumbers(...[1,2,3]))
</script>

La sortie du code ci-dessus sera comme vu ci-dessous -

sum is : 60
sum is 6

Opérateur de propagation et copie de tableau et concat

L'opérateur de diffusion peut être utilisé pour copier un tableau dans un autre. Il peut également être utilisé pour concaténer deux ou plusieurs tableaux. Ceci est illustré dans l'exemple ci-dessous -

Exemple

<script>
   //copy array using spread operator
   let source_arr = [10,20,30]
   let dest_arr = [...source_arr]
   console.log(dest_arr)
	
   //concatenate two arrays
   let arr1 = [10,20,30]
   let arr2 =[40,50,60]
   let arr3 = [...arr1,...arr2]
   console.log(arr3)
</script>

La sortie du code ci-dessus sera comme indiqué ci-dessous -

[10, 20, 30]
[10, 20, 30, 40, 50, 60]

Copie et concaténation de l'opérateur de propagation et de l'objet

L'opérateur d'étalement peut être utilisé pour copier un objet dans un autre. Il peut également être utilisé pour concaténer deux objets ou plus. Ceci est illustré dans l'exemple ci-dessous -

<script>
   //copy object
   let student1 ={firstName:'Mohtashim',company:'TutorialsPoint'}
   let student2 ={...student1}
   console.log(student2)
   //concatenate objects
   let student3 = {lastName:'Mohammad'}
   let student4 = {...student1,...student3}
   console.log(student4)
</script>

La sortie du code ci-dessus sera comme indiqué ci-dessous -

{firstName: "Mohtashim", company: "TutorialsPoint"}
{firstName: "Mohtashim", company: "TutorialsPoint", lastName: "Mohammad"}