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。



全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.