浅谈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中window、doucment、body的解释
Aug 14 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
May 05 Javascript
javascript常见用法总结
May 22 Javascript
JavaScript实现大数的运算
Nov 24 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 Javascript
javascript 正则表达式去空行方法
Jan 24 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
Sep 28 Javascript
vue.js使用代理和使用Nginx来解决跨域的问题
Feb 03 Javascript
vue-router 源码之实现一个简单的 vue-router
Jul 02 Javascript
JavaScript交换变量的常用方法小结【4种方法】
May 07 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
Jul 17 Javascript
手动实现vue2.0的双向数据绑定原理详解
Feb 06 Vue.js
让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操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
浅析application/x-www-form-urlencoded和multipart/form-data的区别
2014/06/22 PHP
PHP中的替代语法简介
2014/08/22 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
基于Jquery与WebMethod投票功能实现代码
2011/01/19 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
2013/01/04 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
JS实现页面载入时随机显示图片效果
2016/09/07 Javascript
JS求解三元一次方程组值的方法
2017/01/03 Javascript
nodejs个人博客开发第四步 数据模型
2017/04/12 NodeJs
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
2018/07/23 jQuery
vue Tab切换以及缓存页面处理的几种方式
2019/11/05 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
2020/03/17 Javascript
基于canvas实现手写签名(vue)
2020/05/21 Javascript
vue.js watch经常失效的场景与解决方案
2021/01/07 Vue.js
[57:41]Secret vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
在Python中使用dict和set方法的教程
2015/04/27 Python
python数据结构之图的实现方法
2015/07/08 Python
简单了解Python中的几种函数
2017/11/03 Python
numpy中实现ndarray数组返回符合特定条件的索引方法
2018/04/17 Python
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
对numpy下的轴交换transpose和swapaxes的示例解读
2019/06/26 Python
python自动点赞功能的实现思路
2020/02/26 Python
python3 re返回形式总结
2020/11/20 Python
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
Farfetch台湾官网:奢侈品牌时尚购物平台
2019/06/17 全球购物
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
群众路线自我剖析及整改措施
2014/11/04 职场文书
学年个人总结范文
2015/03/05 职场文书
2015年爱牙日活动总结
2015/03/23 职场文书
房地产项目合作意向书
2015/05/08 职场文书
小学生法制教育心得体会
2016/01/14 职场文书