Javascript比较运算符有哪些,在线实例编辑
JS的比较运算符,返回值为true或false,常应用于javascript的条件判断或for循环。
JS比较运算符查询表
符号 | 描述 |
---|---|
== | JS的“等于”运算符,若值相等返回true,否则返回false; |
=== | 这也是JS的等于运算符,与上面不同的是,“===”符号不仅比较符号两边的值,还比较两边的类型,若都相等,则返回true,否则返回false; |
!= | JS的“不等于”运算符,若两个值不相等,则返回true,否则返回false; |
!== | 与上面的类似,不同的是"!=="表示值不相等或类型不相等就返回true,否则返回false; |
> | 大于比较 |
< | 小于比较 |
>= | 大于或等于 |
<= | 小于或等于 |
JS比较运算符实例代码,及在线编辑器
<p>"5==6"比较:<span id='e1'></span><p>
<p>"5=== new Number(5)"比较:<span id='e2'></span><p>
<p>"5!=6"比较:<span id='e3'></span><p>
<p>"5!=='6'"比较:<span id='e4'></span><p>
<p>"5大于6"比较:<span id='e5'></span><p>
<p>"5小于6"比较:<span id='e6'></span><p>
<p>"5小于等于6"比较:<span id='e7'></span><p>
<p>"5大于等于6"比较:<span id='e8'></span><p>
<script>
document.getElementById("e1").innerHTML = 5 == 6
var b = new Number(5)
document.getElementById("e2").innerHTML = 5 === b
document.getElementById("e3").innerHTML = 5 != 6
document.getElementById("e4").innerHTML = 5 !== 6
document.getElementById("e5").innerHTML = 5 > 6
document.getElementById("e6").innerHTML = 5 < 6
document.getElementById("e7").innerHTML = 5 <= 6
document.getElementById("e8").innerHTML = 5 >= 6
alert(typeof(b) +" "+typeof(5))
</script>
代码解析
如上代码,通过new Number(5)创建的是JS数值类型的对象,与数值类型的5不同,最后的alert中的typeof()函数用来返回js变量的类型,可知经过new出来的为object,而单单的5为Number,所以通过“===”运算符的比较,返回的是false。