js中if判断语句执行原因--数据类型转换原理

更新日期: 2019-04-21阅读: 2.5k标签: 语句

前言:

相信我们程序员平时写代码用的最多的逻辑就是if语句了吧,可你知道他的原理是什么吗,其实这跟Boolean()这个方法有关,此方法为自动执行(在需要判定Boolean的语句中中自动执行),这些转换规则对理解if控制语句自动执行相应的Boolean转换非常重要。

这是我们平时所写的代码 : 

var a = "auto"
if(a){
  console.log("执行")
}
其实执行起来是这样,理解一下
var a = "auto"
if(Boolean(a)){
   console.log("执行")
}

这样其实就好理解了,每个类型的值其实都可以转换为Boolean值,有一定的规则,接下来我们看看具体操作


取证

将需要转换的数据传递给Boolean()函数

Boolean: 毋庸置疑true就是true,false就是false,但是new Boolean这里有坑

var boolean1 = true;  // true;  
var boolean2 = false; // false; 
console.log(Boolean(boolean1));
console.log(Boolean(boolean2));

// 这里坑来了 Boolean()是返回布尔值,new Boolean()是返回布尔对象(对象里面的值为false,)

var x = Boolean(false);
if (x) {
    // 这里的代码不会被执行
}
  
var x = new Boolean(false);
if (x) {
    // 这里的代码会被执行
}
注意不要将基本类型中的布尔值 true 和 false 与值为 true 和 false 的 Boolean 对象弄混了。不要在应该使用基本类型布尔值的地方使用 Boolean 对象。
var x = Boolean(expression);     // 推荐(Boolean值)
var x = new Boolean(expression); // 不推荐,Boolean对象里的值不管是true还是false,只要对象有值都会判定为true,if语句中都会执行、
String: 只要不是空字符串(没有任何内容),任何非空字符串(包含空格) 都会转换为true
var str1 = "";  // "" --> false
var str2 = " "; // " " --> true;
var str3 = "abc"; // " " --> true;
console.log(Boolean(str1));
console.log(Boolean(str2));
console.log(Boolean(str3));
Number: 只有0和NaN会转换为false,其他都会转换为true
var num1 = 0;  //false
var num2 = -1; //true
var num3 = 1;  //true
var num4 = NaN; //false
console.log(Boolean(num1));        
console.log(Boolean(num2)); 
console.log(Boolean(num3));       
null、undefined: 都会转换为false
var n = null;  //false
var u = undefined;  //false
console.log(Boolean(n)); 
console.log(Boolean(u));  


总结:

false / "" / NaN / 0 / null / undefined 都会转换为 false

注意 Boolean() 和 new Boolean()的区别
前者生成布尔值,后者生成布尔对象,后者不推荐使用


参考:

大部分取经于js高程红宝书26页,3.4.4章节(Boolean类型的介绍)
new Boolean()的坑取经于MDN中Boolean的描述


来自:https://segmentfault.com/a/1190000018939497


链接: https://fly63.com/article/detial/2981

为什么我更喜欢对象而不是switch语句

最近我正在跟我的团队伙伴讨论如何去处理这种需要根据不同的值去处理不同的情况的方法,通常对于这种情况下,人们喜欢使用switch语句或者使用很多if搭配else if条件。在本文中我将重点介绍第三种方式(我更为喜欢的方法),即使用对象进行快速地查找。

js中return/break语句的妙用

在JavaScript里面,一般我们想让程序在function里面执行到一半时,经过判断或者完成某种操作后停止执行后面的代码,会用return结束掉function。可以在while中间加入多个if()break作为断点,控制逻辑的流程。

Js语句后加不加分号;

前一阵子猛然想到一个问题,JS有分号自动补全(ASI)机制,在写JS时我是习惯性在语句后面加上分号,在块语句后面不加分号。那么如果没有加分号的话,在什么情况下会出现问题?在JS语句后到底是应该加分号还是不加分号?

JS构造函数中有return

在JavaScript中,创建对象的方式包括两种:对象字面量和使用new表达式。对象字面量是一种灵活方便的书写方式,例如:new表达式是配合构造函数使用的:

JavaScript 语句解析

在 HTML 中,JavaScript 语句是由 web 浏览器执行的指令。JavaScript 语句可以用花括号({...})组合在代码块中。JavaScript 语句常常通过某个关键词来标识需要执行的 JavaScript 动作。

Js优化条件判断语句

简单逻辑常用判断,if..else if...else... 中的条件体应该总是按照从最大概率到最小概率排列,以保证理论速度最快,switch/case 条件数量较大的话,就建议选用

JavaScript中Switch语句的使用方法

除了if ... else之外,JavaScript还有一个称为switch语句的功能。 switch是一种条件语句,它将针对多种可能的情况评估表达式,并根据匹配的情况执行一个或多个代码块。 switch语句与包含许多其他if块的条件语句密切相关

javascript中的return语句怎么用?

JavaScript return 语句,表示从被调函数返回到主调函数继续执行,返回时可附带一个返回值,由return后面的参数指定。return通常是必要的,因为函数调用的时候计算结果通常是通过返回值带出的。

JavaScript中表达式和语句的区别是什么?

表达式是由运算符构成,并运算产生结果的语法结构。一个表达式会产生一个值,它可以放在任何需要一个值的地方,比如,作为一个函数调用的参数。

你可能不需要在JavaScript使用switch语句

没有 switch 就没有复杂的代码块,switch很方便:给定一个表达式,我们可以检查它是否与一堆case子句中的其他表达式匹配。 考虑以下示例:

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!