if判断和相等运算符

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,699评论 0 13
  • 运算符是处理数据的基本方法,用来从现有的值得到新的值。JavaScript 提供了多种运算符,本章逐一介绍这些运算...
    许先生__阅读 3,772评论 0 3
  • 运算符是处理数据的基本方法,用来从现有的值得到新的值。JavaScript 提供了多种运算符,本章逐一介绍这些运算...
    徵羽kid阅读 3,987评论 0 0
  • 表达式和运算符 程序中最简单的表达式就是,程序中的常量 变量名也是一种简单的表达式 复杂的表达式是由简单的表达式组...
    zhaolion阅读 5,572评论 3 12
  • 作为Javascript的初学者,if判断语句和 == 相等运算符的运算规则让我颇为头大,于是就查阅了相关资料,再...
    胖小达全旋阅读 5,842评论 0 0