美文网首页
if判断和相等运算符

if判断和相等运算符

作者: 初入前端的小菜鸟 | 来源:发表于2018-06-09 20:47 被阅读0次

if条件判断

if (条件)
{
当条件为 true 时执行的代码
}
else
{
当条件不为 true 时执行的代码
}

而在if条件中是6种由数据类型 : 数值、字符串、布尔值、对象、undefined和null以及其中出现的运算符组成,根据运算规则对条件进行运算,但是最终的运算结果需要转换成布尔值,然后再进行判断TRUE还是FALSE,再执行代码。

原理:

类型 结果
Undefined false
Null false
Boolean 直接判断
Number +0, −0, 或者 NaN 为 false, 其他为 true
String 空字符串为 false,其他都为 true
Object true

示例:

 1 // 题目1:如下代码输出什么?
 2 if ("hello") {
 3     console.log("hello")
 4 } //true
 5 
 6 // 题目2:如下代码输出什么?
 7 if ("") {
 8     console.log('empty')
 9 }//false
10 
11 // 题目3:如下代码输出什么?
12 if (" ") {
13     console.log('blank')
14 }//true
15 // 题目4:如下代码输出什么?
16 if ([0]) {
17     console.log('array')
18 }//true
19 
20 if('0.00'){
21   console.log('0.00')
22 }//true
23 
24 if(+0.00){
25    console.log('haha')
26 }//false +转换为数字
27 
28 if([]){
29    console.log('haha')
30 }//turn

==判断

==在比较相同类型的数据时,和===是一样的结果。不同的数据类型===会直接返回false,而==则不一样,有如下的规则

原始类型的值
原始类型的数据会转换成数值类型再进行比较。
对象与原始类型值比较
对象(这里指广义的对象,包括数组和函数)与原始类型的值比较时,对象转化成原始类型的值,再进行比较。
undefined 和 null
undefined和null与其他类型的值比较时,结果都为false,它们互相比较时结果为true。
示例:

"" == true // false,空字符转为数值是0
"5" == 5 // true
"str" == 5 // false,"str"转换为数值是NaN
"NaN" == NaN // false,NaN不等于任何数值
[] == false // true, [].valueOf()仍返回[], [].toString返回""空字符串
[0] == true // false, 这什么鬼
["0.00"] == true // false

相等运算符的缺点

相等运算符隐藏的类型转换,会带来一些违反直觉的结果。

'' == '0'           // false
0 == ''             // true
0 == '0'            // true

false == 'false'    // false
false == '0'        // true

false == undefined  // false
false == null       // false
null == undefined   // true

建议尽量不要使用相等运算符

===严格运算符

严格运算符的运算规则如下,
(1)不同类型值
如果两个值的类型不同,直接返回false。

(2)同一类的原始类型值
同一类型的原始类型的值(数值、字符串、布尔值)比较时,值相同就返回true,值不同就返回false。

(3)同一类的复合类型值
两个复合类型(对象、数组、函数)的数据比较时,不是比较它们的值是否相等,而是比较它们是否指向同一个对象。

(4)undefined和null
undefined 和 null 与自身严格相等。

null === null  //true
undefined === undefined  //true

相关文章

  • Object.is()详解

    ES5判断两个值是否相等,有两种方法:相等运算符(==)和严格相等运算符(===)。这两种方法都有缺点,前者会自动...

  • 阮一峰ES6教程读书笔记(六)对象的新增方法

    1. Object.is() 在ES6之前我们总是通过相等运算符==或者严格相等运算符===去判断两个值是否相等,...

  • if判断和相等运算符

    if条件判断 而在if条件中是6种由数据类型 : 数值、字符串、布尔值、对象、undefined和null以及其中...

  • Java 第一节课学习

    1.java中==和equals和hashCode的区别 == 是判断相等运算符,用于比较基本数据类型的值是否相等...

  • js中的相等运算符

    刚才看犀牛书,看到这个知识点,记录一下: 严格相等运算符“===” 相等运算符“==” 相等运算符和严格相等运算符...

  • 相等运算符,条件运算符,运算符的优先级,分组,js操作属性,js

    相等运算符== 如果值的类型不同,则会自动进行类型转换,然后在比较 ===全等用来判断两个值是否全等,和相等类似,...

  • 《C陷阱与缺陷》个人心得

    第一章 词法“陷阱” 1.1 =不同于== 1,=是赋值运算符;==是比较运算符,用来判断两个变量是否相等,相等返...

  • 15- Object 扩展

    1、Object.is() ES5 比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===...

  • 对象的扩展

    Object.is() ES5比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。它...

  • 对象的扩张

    Object.is() ES5比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。它...

网友评论

      本文标题:if判断和相等运算符

      本文链接:https://www.haomeiwen.com/subject/ovrxeftx.html