js中运算符的使用

---

一、赋值运算符( = )

示例：把数字10赋值给变量index

var  index = 10;

二、算数运算符( + - * / % )

加法 + 示例：两个变量相加且两个变量类型都是数字。

var num1 = 20;
var num2 = 30;
var res = num1 + num2;
(结果为50)

加法 + 示例：如果加号两侧的变量出现了一个或多个字符串，则会执行连接操作

var num1 = 20;
var num2 = "张三";
var res = num1 + num2;
(结果为20张三)

var num1 ="10";
var num2 = "20";
var res = num1 + num2;
(结果为"1020")

减法 - 示例：两个变量相减。

var num1 = 20;
var num2 = 30;
var res = num1 - num2;
(结果为-10)

乘法 * 示例：两个变量相乘。

var num1 = 20;
var num2 = 3;
var res = num1 * num2;
(结果为60)

除法 / 示例：两个变量相除。

var num1 = 20;
var num2 = 4;
var res = num1 / num2;
(结果为5)

取余 / 示例：求余数。

var num1 = 10;
var num2 = 15;
var res = num1 % num2;
(结果为5)

算数执行对应运算时，如果是数字，那么正常运算！如果不是数字，对应的非数字数据会进行隐式类型转换，转换成数字！

三、关系运算符( > < >= <= != == === )

关系运算符的结果只有：true false

大于 > 示例：比较大小，左侧大结果为true , 右侧大结果为false

var num1 = 10;
var num2 = 15;
var res = num1 > num2;
(结果为 false)

var num1 = 20;
var num2 = 15;
var res = num1 > num2;
(结果为 true)

大于 < 示例：比较大小，右侧大结果为true , 左侧大结果为false

var num1 = 10;
var num2 = 15;
var res = num1 < num2;
(结果为 true)

var num1 = 20;
var num2 = 15;
var res = num1 < num2;
(结果为 false)

大于等于 >= 示例：比较大小，跟大于一样，两个值相等结果也为true

var num1 = 10;
var num2 = 10;
var res = num1 >= num2;
(结果为 true)

小于等于 <= 示例：比较大小，跟小于一样，两个值相等结果也为true

var num1 = 10;
var num2 = 10;
var res = num1 <= num2;
(结果为 true)

不等于 != 示例：两侧值不相等时为true , 相等为false
此方法在执行运算前，会先进行隐式类型转换，转换成同一数据类型，然后再进行比较

var num1 = 20;
var num2 = 10;
var res = num1 != num2;
(结果为 true)

等于 == 示例：两侧值相等时为true , 不相等为false
此方法在执行运算前，会先进行隐式类型转换，转换成同一数据类型，然后再进行比较

var num1 = "10";
var num2 = 10;
var res = num1 == num2;
(结果为 true)

不等于 !== 示例：两侧值不相等时为true , 相等为false
此方法不会进行隐式类型转换

var num1 = "10";
var num2 = 10;
var res = num1 !== num2;
(结果为 true)

恒等于 === 示例：两侧值相等时为true , 相等为false
此方法不会进行隐式类型转换

var num1 = "10";
var num2 = 10;
var res = num1 === num2;
(结果为 false)

四、逻辑运算符(&& || ! )

短路或 短路与

与&& 示例：两侧条件都成立时结果为true

var a = 10;
var b = 15;
var c = 20;
if( a > b  &&  a > c ){
	/你要执行的代码/
}
(结果为 false)
	短路或
	如果&&前面的表达式不成立，自动不执行后面的表达式，俗称短路与！

或 || 示例：两侧条件有一个成立时结果为true

var a = 10;
var b = 15;
var c = 20;
if( a > b  ||  a > c ){
	/你要执行的代码/
}
(结果为 true)
	短路与
	如果||前面的表达式成立，自动不执行后面的表达式，俗称短路或！

非 ! 示例：取反值

var a = 10;
var b = 15;
if( !a > b ){
	/你要执行的代码/
}
(结果为 true)

在逻辑运算符两侧的条件如果不是布尔值，会被隐式转换成boolean值

五、++ - - 运算符

++ 变量自身+1   -- 变量自身-1

示例：

var a = 10;
var b = 15;
a++;
b--;
(结果为 a为11，b为14)

这两个运算符在和其他运算符一起使用时，有一些特殊性

 如果++、-- 在变量后，会先执行其他运算(赋值运算)，在执行自身+1、-1
 如果++、--在变量之前，会先执行自身+1、-1, 在执行其他的运算(赋值运算)

示例：

var num1 = 2;
var num2 = 20;
var num3 = --num1 + num2;
(结果为 21)

六、复合赋值运算符( += -= *= /= %= )

 这些运算符跟算数运算符的逻辑一样，只不过是在执行完算数运算后，再赋值给自身

示例：

var num1 = 10;
var num1+=20;
(结果为 30)
	相当于  num1 = num1 +20;

七、关于运算符的优先级

非 > 算数 > 关系 > 逻辑 > 赋值

当你想提升部分表达式的优先级，可以加个括号

---

总结

以上就是关于javascript中运算符的一些基本概念和语法，我们可以利用它们帮助我们完成复杂的逻辑运算。