开发者学堂课程【JavaScript 入门与实战:比较运算】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/582/detail/8021
比较运算
内容介绍:
一、比较运算符
二、示例解析
一、比较运算符
1、常用比较运算符号
① > 大于;
② < 小于;
③ >= 大于等于;
④ <= 小于等于;
上面这四个运算符和数学逻辑关系一样。
⑤ == 判断两个值是否相等;
⑥ != 两个值不相等;
⑦ === 全等于;
⑧ !== 不全等
观察 ==、!= 、===、!= 的区别:
== 只进行值的比较; === 类型和值同时相等,则相等。
var result = '55' ==55; // true
var result = '55' === 55; // false
值相等,类型不相等
var result = 55 === 55; // true
二、示例解析
打开资源管理器,在 HTDOCS 目录 code02 文件下新建一个 0.6.html 文件。编辑:
1 <
!
DOCTYPE html>
2 <html lang="en">
3 <head>
4
<meta charset="UTF-8">
5
<meta name="viewport" content= "width=device-width,
initial -scale=1.0"
6
<meta http-equiv="X-UA- Compatible"content="ie=edge" >
7
<title>Document</title>
8
</head>
9
<body>
10
11 </body>
12 <script>
13 var a =‘2’; //声明字符串型变量‘2’
14 var b = 2; //再声明数字型变量2
15 console. log(a==b); //打印两个值是否相等,如果等于返回true,不等于返回false
16 </script>
17 </html>
打开 Open InDefault Browser 浏览器,选择检查,点击 Console,可看到返回结果为:true
我们看到,字符串类型‘2’和数字类型 2 怎么会相等呢?
因为 JS 是一种弱类型语言,变量的数据类型存在自动转换。字符串类型‘2’和数字类型 2 在比较过程中默认的把数字类型给去掉,或者转换,就是撇掉类型不比较,结论都是 2,就为 true。
那么既要比较值又要比较类型,则用:=== 全等于运算符。
修改 console. log(a==b);为console. log(a===b);
刷新浏览器结果为:false
总结:‘==’只比较值,不比较数据类型。
‘===’既比较值,又比较类型。