一般比较和逻辑运算符用于测试 true 或者 false。
一.比较运算符
比较运算符在逻辑语句中使用,以测定变量或值是否相等。
假设x=5,下面的表格解释了比较运算符:
运算符 | 描述 | 比较 | 返回值 |
== | 等于 | x==8 | false |
x==5 | true | ||
=== | 绝对等于(值和类型均相等) | x==="5" | false |
x===5 | true | ||
!= | 不等于 | x!=8 | true |
!== | 不绝对等于(值和类型有一个不相等,或两个都不相等) | x!=="5" | true |
x!==5 | false | ||
> | 大于 | x>8 | false |
< | 小于 | x<8 | true |
>= | 大于等于 | x>=8 | false |
<= | 小于等于 | x<=8 | true |
可以在条件语句中使用比较运算符对值进行比较。
二.逻辑运算符
逻辑运算符用于测定变量或值之间的逻辑。
假设给定 x=6 以及 y=3,下表解释了逻辑运算符:
运算符 | 描述 | 例子 |
&& | and | (x < 10 && y > 1) 为 true |
|| | or | (x==5 || y==5) 为 false |
! | not | !(x==y)为true |
条件运算符
JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。
语法
variablename=(condition)?value1:value2
举例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>点击按钮检测年龄。</p>
年龄:<input id="age" value="18" />
<p>是否达到投票年龄?</p>
<button onclick="myFunction()">点击按钮</button>
<p id="demo"></p>
<script>
function myFunction()
{
var age,voteable;
age=document.getElementById("age").value;
voteable=(age<18)?"年龄太小":"年龄已达到";
document.getElementById("demo").innerHTML=voteable;
}
</script>
</body>
</html>
图示:
点击按钮下方显示年龄已达到
三.JS算术运算符
与/或值之间的算术运算。
假设y=5,下面的表格解释了这些算术运算符:
运算符 | 描述 | 例子 | x运算结果 | y运算结果 |
+ | 加法 | x=y+2 | 7 | 5 |
- | 减法 | x=y-2 | 3 | 5 |
* | 乘法 | x=y*2 | 10 | 5 |
/ | 除法 | x=y/2 | 2.5 | 5 |
% | 取模(余数) | x=y%2 | 1 | 5 |
++ | 自增 | x=++y | 6 | 6 |
x=y++ | 5 | 6 | ||
-- | 自减 | x=--y | 4 | 4 |
x=y-- | 5 | 4 |
JS 赋值运算符
赋值运算符用于给 JavaScript 变量赋值。
假设给定 x=10 和 y=5,下面的表格解释了赋值运算符:
运算符 | 例子 | 等同于 | 运算结果 |
= | x=y | x=5 | |
+= | x+=y | x=x+y | x=15 |
-= | x-=y | x=x-y | x=5 |
*= | x*=y | x=x*y | x=50 |
/= | x/=y | x=x/y | x=2 |
%= | x%=y | x=x%y | x=0 |
对字符串和数字进行加法运算
两个数字相加,返回数字相加的和,如果数字与字符串相加,返回字符串。
x=5+5;
y="5"+5;
z="Hello"+5;
打印结果为:
10
55
Hello5
以上内容是本人在总结于菜鸟教程,有不明白的可以评论留言!