浅谈JS中的!=、== 、!==、===的用法和区别


Posted in Javascript onSeptember 24, 2016
var num = 1; 
  
var str = '1'; 
  
var test = 1; 
  
test == num  //true 相同类型 相同值 
  
test === num //true 相同类型 相同值 
  
test !== num //false test与num类型相同,其值也相同, 非运算肯定是false 
  
num == str  //true  把str转换为数字,检查其是否相等。 
  
num != str  //false == 的 非运算 
  
num === str //false 类型不同,直接返回false 
  
num !== str //true  num 与 str类型不同 意味着其两者不等 非运算自然是true啦

== 和 != 比较若类型不同,先偿试转换类型,再作值比较,最后返回值比较结果 。

=== 和 !== 只有在相同类型下,才会比较其值。
 
首先,== equality 等同,=== identity 恒等。

==, 两边值类型不同的时候,要先进行类型转换,再比较。

===,不做类型转换,类型不同的一定不等。

下面分别说明:

先说 ===,这个比较简单。下面的规则用来判断两个值是否===相等:

1、如果类型不同,就[不相等]

2、如果两个都是数值,并且是同一个值,那么[相等];(!例外)的是,如果其中至少一个是NaN,那么[不相等]。(判断一个值是否是NaN,只能用isNaN()来判断)

3、如果两个都是字符串,每个位置的字符都一样,那么[相等];否则[不相等]。

4、如果两个值都是true,或者都是false,那么[相等]。

5、如果两个值都引用同一个对象或函数,那么[相等];否则[不相等]。

6、如果两个值都是null,或者都是undefined,那么[相等]。

再说 ==,根据以下规则:

1、如果两个值类型相同,进行 === 比较。

2、如果两个值类型不同,他们可能相等。根据下面规则进行类型转换再比较:

a、如果一个是null、一个是undefined,那么[相等]。

b、如果一个是字符串,一个是数值,把字符串转换成数值再进行比较。

c、如果任一值是 true ,把它转换成 1 再比较;如果任一值是 false,把它转换成 0 再比较。

d、如果一个是对象,另一 个是数值或字符串,把对象转换成基础类型的值再比较。对象转换成基础类型,利用它的toString或者valueOf方法。js核心内置类,会尝试 valueOf先于toString;例外的是Date,Date利用的是toString转换。非js核心的对象,令说(比较麻烦,我也不大懂)

e、任何其他组合,都[不相等]。

举例:

"1" == true

类型不等,true会先转换成数值 1,现在变成 "1" == 1,再把"1"转换成 1,比较 1 == 1, 相等。

= 赋值运算符
== 等于
=== 严格等于

例:
var a = 3;
var b = "3";

a==b 返回 true
a===b 返回 false

因为a,b的类型不一样

===用来进行严格的比较判断

var data = ({"val":"7","flag":"true"});
<FONT face=Verdana></FONT>

下面需要如何判断flag的值?

因为true加双引号==推测是字符串true

如果不加双引号===就是布尔值true

这个很重要,之前我一直没有搞清楚这一点

写法1

if(data.flag=true){…}else{..}

这样写怎么都是正确的,根本得不到else的值,原因是这种写法相当于

if(true){…}

写法2

if(data.flag==true){…}else{..}

没有这种写法

写法3

if(data.flag='true'){…}else{..}

这样写怎么都是正确的,根本得不到else的值,原因是这种写法相当于

if(true){…}

写法4

if(data.flag=='true'){…}else{..}

这个才是正确的写法

“=”:这个表示赋值,不是表示运算符

“==”:表示等于(值)

“===”:表示全等于(类型和值)

以上就是小编为大家带来的浅谈JS中的!=、== 、!==、===的用法和区别的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

Javascript 相关文章推荐
JavaScript浏览器选项卡效果
Aug 25 Javascript
基于jQuery的输入框在光标位置插入内容, 并选中
Oct 29 Javascript
javascript检查表单数据是否改变的方法
Jul 30 Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
Jan 22 Javascript
js检验密码强度(低中高)附图
Jun 05 Javascript
gridview生成时如何去掉style属性中的border-collapse
Sep 30 Javascript
jQuery实现跟随鼠标运动图层效果的方法
Feb 02 Javascript
js实现上传图片预览的方法
Feb 09 Javascript
3个可以改善用户体验的AngularJS指令介绍
Jun 18 Javascript
Javascript中的数组常用方法解析
Jun 17 Javascript
jQuery实现div跟随鼠标移动
Aug 20 jQuery
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
Jul 17 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
Sep 24 #Javascript
浅谈js常用内置方法和对象
Sep 24 #Javascript
js原生跨域_用script标签的简单实现
Sep 24 #Javascript
js内置对象处理_打印学生成绩单的简单实现
Sep 24 #Javascript
用js实现简单算法的实例代码
Sep 24 #Javascript
jQuery实现移动端手机商城购物车功能
Sep 24 #Javascript
AngularJS实现星星等级评分功能
Sep 24 #Javascript
You might like
利用PHP制作简单的内容采集器的原理分析
2008/10/01 PHP
php 中文字符入库或显示乱码问题的解决方法
2010/04/12 PHP
文件上传之SWFUpload插件(代码)
2015/07/30 PHP
Symfony2实现在controller中获取url的方法
2016/03/18 PHP
php基于PDO连接MSSQL示例DEMO
2016/07/13 PHP
PHP实现上传图片到数据库并显示输出的方法
2018/05/31 PHP
用js实现层随着内容大小动态渐变改变 推荐
2009/12/19 Javascript
javascript通过class来获取元素实现代码
2013/02/20 Javascript
javascript 用函数语句和表达式定义函数的区别详解
2014/01/06 Javascript
js关于精确计算和数值格式化以及直接引js文件
2014/01/28 Javascript
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
2016/09/22 Javascript
详解nodejs 文本操作模块-fs模块(三)
2016/12/22 NodeJs
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
2017/03/21 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
2017/08/23 Javascript
vue2.0 elementUI制作面包屑导航栏
2018/02/22 Javascript
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
2018/08/28 Javascript
解决angularjs service中依赖注入$scope报错的问题
2018/10/02 Javascript
基于jquery实现九宫格拼图小游戏
2018/11/30 jQuery
koa大型web项目中使用路由装饰器的方法示例
2019/04/02 Javascript
国内常用的js类库大全(CDN公共库)
2020/06/24 Javascript
npm ci命令的基本使用方法
2020/09/20 Javascript
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
解决python selenium3启动不了firefox的问题
2018/10/13 Python
Python使用gRPC传输协议教程
2018/10/16 Python
python使用百度文字识别功能方法详解
2019/07/23 Python
在Python3.74+PyCharm2020.1 x64中安装使用Kivy的详细教程
2020/08/07 Python
Sarenza德国:法国最大的时尚鞋和包包网上商店
2019/06/08 全球购物
初中物理教学反思
2014/01/14 职场文书
我的动漫时代的创业计划书范文
2014/01/27 职场文书
我的梦中国梦演讲稿
2014/04/23 职场文书
民事起诉书范本
2015/05/19 职场文书
2015年幼儿园学期工作总结
2015/05/22 职场文书
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers