9-JavaScript 比较

1、JavaScript 比较 和 逻辑运算符

　　比较和逻辑运算符用于测试 true 或者 false。

2、比较运算符

　　比较运算符在逻辑语句中使用，以测定变量或值是否相等。

给定 x=5，下面的表格解释了比较运算符：

运算符描述比较返回值实例

 

 

 

 

==

 

 

 

 

等于

 

 

x==8

 

 

false

<p>x=5, 返回 x==8 的比较值结果。</p>
<button onclick="myFunction()">尝试一下</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x==8;
}
</script>

 

x==5

 

true

function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x==5;
}

 

 

 

===

 

 

 

绝对等于（值和类型均相等）

 

x==="5"

 

false

function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x==="5";
}

 

x===5

 

true

function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x===5;
}

 

!=

 

不等于

 

x!=8

 

true

function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x!=8;
}

 

 

 

!==

 

 

 

不绝对等于（值和类型有一个不相等，或两个都不相等）

 

x!=="5"

 

true

function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x!=="5";
}

 

x!==5

 

false

function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x!==5;
}

 

>

 

 大于

 

x>8

 

false

function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x>8;
}

 

<

 

 小于

 

x<8

 

true

function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x<8;
}

 

>=

 

大于或等于

 

x>=8

 

false

function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x>=8;
}

 

<=

 

 小于或等于

 

x<=8

 

true

function myFunction()
{
var x=5;
document.getElementById("demo").innerHTML=x<=8;
}

3、如何使用

　　可以在条件语句中使用比较运算符对值进行比较，然后根据结果来采取行动：

　　if (age<18) x="Too young";

4、逻辑运算符

　　逻辑运算符用于测定变量或值之间的逻辑。

　　给定 x=6 以及 y=3，下表解释了逻辑运算符：

　　

运算符描述例子
&& and (x < 10 && y > 1) 为 true
|| or (x==5 || y==5) 为 false
! not !(x==y) 为 true

5、条件运算符

　　JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。

　　语法：

　　variablename=(condition)?value1:value2 

　　实例：

　　如果变量 age 中的值小于 18，则向变量 voteable 赋值 "年龄太小"，否则赋值 "年龄已达到"。

　　<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>

执行结果：

点击按钮检测年龄。

年龄:

是否达到投票年龄?

年龄已达到　　//结果1

 

点击按钮检测年龄。

年龄:

是否达到投票年龄?

年龄太小　　//结果2

 

posted @ 2020-07-09 16:12  hjiloihiugy  阅读(125)  评论(0)  编辑  收藏  举报