比较运算符
2020-01-18 本文已影响0人
前白
比较运算符在逻辑语句中使用,它主要是用语判定变量或者值是否相等。
关于比较运算符可以有多个不同的运算符:
==,等于
<p id="one">num1赋值为8,然后比较判断输出是否等于被重新赋的值:</p>
<button onclick="equal()">是否等于</button>
function equal() {
var num1 = 8;
document.getElementById("one").innerHTML = (num1 == 5);
}
===,值相等并且类型也是相等的
<p id="two">num2赋值为85,然后比较判断输出被重新赋值的类型和值是否相等: </p>
<button onclick="Allequal()">是否恒等于</button>
function Allequal() {
var num2 = 85;
document.getElementById("two").innerHTML = (num2 === 85);
}
!=,不想等
<p id="three">num3赋值为7,然后比较判断被重新赋值的值是否不等于原值</p>
<button onclick="Notequal()">不等于</button>
function Notequal() {
var num3 = 7;
document.getElementById("three").innerHTML = (num3 != 9);
}
!==,值不相等或者是类型不相等
<p id="four">num4赋值为9,然后比较判断被重新赋值的值是否不恒等于原值</p>
<button onclick="NotAllequal()">不恒等于</button>
function NotAllequal() {
var num4 = 9;
document.getElementById("four").innerHTML = (num4 !== 7);
}
>,大于
<p id="five">num5赋值为9,然后比较判断被重新赋值的值是否大于原值</p>
<button onclick="greater()">大于</button>
function greater() {
var num5 = 8;
document.getElementById("five").innerHTML = (num5 > 5);
}
<,小于
<p id="six">num6赋值为9,然后比较判断被重新赋值的值是否小于原值</p>
<button onclick="less()">小于</button>
function less() {
var num6 = 5;
document.getElementById("six").innerHTML = (num6 < 1);
}
>=,大于等于
<p id="seven">num7赋值为9,然后比较判断被重新赋值的值是否大于等于原值</p>
<button onclick="ge()">大于等于</button>
function ge() {
var num7 = 7;
document.getElementById("seven").innerHTML = (num7 >= 9);
}
<=,小于等于
<p id="eight">num8赋值为9,然后比较判断被重新赋值的值是否小于等于原值</p>
<button onclick="lg()">小于等于</button>
function lg() {
var num8 = 9;
document.getElementById("eight").innerHTML = (num8 <=11);
}
![](https://img.haomeiwen.com/i18218755/f1a10216b0eea9da.png)
动手小练习
-
关于比较运算符符种类可以有哪些
-
分别使用上面的多种比较运算符,定义变量,赋值,然后进行代码运算,再在浏览器中输出结果