浅谈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 相关文章推荐
自动更新作用
Oct 08 Javascript
jQuery 事件队列调整方法
Sep 18 Javascript
js点击出现悬浮窗效果不使用JQuery插件
Jan 20 Javascript
js判断设备是否为PC并调整图片大小
Feb 12 Javascript
document.forms[].submit()使用介绍
Feb 19 Javascript
jquery实现背景墙聚光灯效果示例分享
Mar 02 Javascript
JavaScript小技巧整理篇(非常全)
Jan 26 Javascript
JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码
Jul 27 Javascript
JS实现保留n位小数的四舍五入问题示例
Aug 03 Javascript
JavaScript数据结构之二叉树的遍历算法示例
Apr 13 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
JavaScript判断对象和数组的两种方法
May 31 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
150kHz到30Mhz完全冲浪手册
2020/03/20 无线电
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
PHP 下载文件时自动添加bom头的方法实例
2014/01/10 PHP
PHP常用操作类之通信数据封装类的实现
2017/07/16 PHP
PHP多维数组排序array详解
2017/11/21 PHP
PHP之多条件混合筛选功能的实现方法
2019/10/09 PHP
你真的了解JavaScript吗?
2007/02/24 Javascript
js直接编辑当前cookie的脚本
2008/09/14 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
2013/07/07 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
Javascript实现的Map集合工具类完整实例
2015/07/31 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
2016/12/01 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
vue开发简单上传图片功能
2020/06/30 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
MySQL中表的复制以及大型数据表的备份教程
2015/11/25 Python
Python读取Json字典写入Excel表格的方法
2018/01/03 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
Python解析json代码实例解析
2019/11/25 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
巴黎欧莱雅法国官网:L’Oreal Paris
2019/04/30 全球购物
AURALog面试题软件测试方面
2013/10/22 面试题
花卉与景观设计系大学生求职信
2013/10/01 职场文书
全国道德模范事迹
2014/02/01 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
党员个人剖析材料(四风问题)
2014/10/07 职场文书
2014年小学教师工作总结
2014/11/10 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
工地食品安全责任书
2015/05/09 职场文书
春节晚会开场白
2015/05/29 职场文书
个人道歉信大全
2019/04/11 职场文书