JavaScript 比较 、 逻辑运算符 和 运算符

一般比较和逻辑运算符用于测试 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

以上内容是本人在总结于菜鸟教程,有不明白的可以评论留言!

猜你喜欢

转载自blog.csdn.net/He_9a9/article/details/132662323
今日推荐