适合小白的js基础入门课程

比较运算符

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);
}
compare_12.png

动手小练习

  1. 关于比较运算符符种类可以有哪些

  2. 分别使用上面的多种比较运算符,定义变量,赋值,然后进行代码运算,再在浏览器中输出结果

上一篇 下一篇

猜你喜欢

热点阅读