Résumé de l'utilisation de l'opérateur JavaScript

Cet article vous donne principalement un résumé détaillé des opérateurs en JavaScript, y compris les opérateurs arithmétiques courants, les opérateurs de comparaison et les opérateurs logiques. C'est très clair, les amis qui en ont besoin peuvent s'y référer.

En JavaScript, les opérateurs courants incluent les opérateurs arithmétiques, les opérateurs de comparaison et les opérateurs logiques.

Tableau 1 : Opérateurs JavaScript courants

算数运算符	说明	举例	结果
=	赋值运算符。将运算符右边变量的值赋给左边变量。	x = 5 ;	-
+	加号。将两个数据相加。	y=1+2;	y=3
-	减号。将两个数据相减。	z = x-y;	z=2
*	乘号。将两个数据相乘。	a=x*y;	a=15
/	除号。将两个数据相除。	b=x/z;	b=2.5
%	求余运算。求两个数据相除的余数。	c=x%z;	c=1
++	自加。将操作数加1。	m=++x;	m=6   x=6
--	自减。将操作数减1。	n=--x;	n=5    x=5
比较运算符	说明	举例	结果
==	相等。若两数据相等，返回 true，否则返回 false。	boolean1=(x==5);	boolean1=true
!=	不相等。若两数据不相等，返回 true，否则返回 false。	boolean2=(x!=5);	boolean2=false;
>	大于。若左边数据大于右边数据，返回 true，否则返回 false。	boolean4=(x>y);	boolean4=true
de3732dfb9ddfd2c3ede28b9e1f4f2cd=	大于等于。若左边数据大于或等于右边数据，返回 true，否则返回 false。	boolean6=(x>=y);	boolean6=true
<=	小于等于。若左边数据小于或等于右边数据，返回 true，否则返回 false。	boolean7=(x<=y);	boolean7=false
逻辑运算符	说明	举例	结果
&&	逻辑与。如果符号两边的操作数为真，返回true，否则返回false。	boolean_a=true&&false;	boolean_a=false
||	逻辑或。如果符号两边的操作数为假，返回false，否则返回true。	boolean_b=true||false;	boolean_b=true
!	逻辑非。如果符号右边的操作数为真，返回false，否则返回true。	boolean_c=!true;	boolean_c=false

Le signe "+" peut également être utilisé pour connecter des chaînes

"+" Non seul le nombre peut ajouter deux données, il peut également être utilisé pour concaténer des chaînes.

Par exemple :

Le code est le suivant :

 var name=" Tom ";
 var age=22;
 var person="My name is "+name+" ! I'm  "+age+" ! ";
 alert(person);

Enregistrez et exécutez le code pour afficher Je m'appelle Tom, j'ai 22 ans !

Ci-dessus Dans l'exemple, il y a des chaînes et des valeurs. Lorsque des chaînes et des valeurs numériques sont mélangées, JavaScript déterminera automatiquement si le signe « + » est utilisé pour l'ajout ou la concaténation de chaînes. En cas de concaténation de chaînes, la valeur numérique sera également convertie en chaîne.

Discussion sur l'auto-augmentation (++) et l'auto-décroissante (--)

Il convient de noter que l'auto-augmentation (++) et l'auto- décroissant (- -) L'opérateur a des significations différentes lorsqu'il est placé avant et après l'opérande. Placez-le devant l'opérande (auto-incrémentation avant/auto-décrémentation avant), ajoutez d'abord 1 (soustrayez 1) à l'opérande, puis effectuez l'opération après l'opérande (dernière auto-incrémentation/dernière auto-décrémentation) ; décrémenter), effectuez d'abord l'opération, puis ajoutez 1 à l'opérande (diminuez 1).

Par exemple :

Le code est le suivant :

 <script type="text/javascript">
 var x=5;
 var y=++x;  // 前自加，赋值后 x 的值为 6
 var z=x++;  // 后自加，赋值后 x 的值为 7
 var m=--x  // 前自减，赋值后 x 的值为 6
 var n=x--  // 后自减，赋值后 x 的值为 5
 </script>
 <p onclick="alert(y);">显示 y 的值</p>
 <p onclick="alert(z);">显示 z 的值</p>
 <p onclick="alert(m);">显示m 的值</p>
 <p onclick="alert(n);">显示 n 的值</p>

Enregistrez et exécutez le code, cliquez sur les quatre morceaux de texte dans l'ordre, ils seront tous affichage 6.

Analyse :

Pour y , la valeur de x (x=5) plus 1 devient 6 , puis la valeur de x est transmise à y .
Pour z , transmettez d'abord la valeur de x (x=6) à z , puis ajoutez 1 à x , et la valeur devient 7.
Pour m , la valeur de x (x=7) moins 1 est 6, puis la valeur de x est transmise à m .
Pour n , transmettez d'abord la valeur de x (x=6) à n , puis soustrayez 1 de x et la valeur devient 5 .

Abréviations d'opérateurs arithmétiques

Afin de faciliter le fonctionnement et de réduire l'écriture de code, JavaScript prend également en charge les abréviations d'opérateurs mathématiques courants.

Tableau 2 Abréviations des opérateurs arithmétiques courants

x *=yx =x/y

Opérateur

Exemple

Équivalent à

+=

x+=y

x=x+y

-=

x-=y

x=x-y

*=

x=x*y

/=

x/=y

%=

x%=y

x=x%y

运算符	例子	等价于
+=	x+=y	x=x+y
-=	x-=y	x=x-y
*=	x*=y	x=x*y
/=	x/=y	x=x/y
%=	x%=y	x=x%y

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!