js 基础-&& || 逻辑与和逻辑或
2018-02-08 10:34
260 查看
今天百度发现一个简化长if else if 语句的方法,看起来及其强大,感觉这样虽然对系统性能提升没有帮助但是代码更简练了,分析了一番,下面先说说自己学到的理论。
首先要弄清楚js 中对于 变量,在逻辑判断中会把对应的变量转为boolean类型,转化规则是非空字符串转为true,空字符串转为false,非0数字转为true,0或者NaN转为false,特殊的基本数据类型undefined转为false,null转为false,当然逻辑判断完赋值的时候会转化回去。
1、逻辑与(&&),例如:a && b && c ,其中a,b,c是任意类型的变量的代表,在逻辑与中会有短路现象,a、b、c都是true整个语句才是true,否则整个语句是false, 这些是常识,
大多数人不知道的是另一方面如果整个逻辑语句执行完毕后如果没有false那就返回最后一个逻辑判断即c,而对这两种情况,返回的都是变量的实际值,而不是转化为boolean后的值,可以理解为狗熊掰棒子,掰一个不是合格的棒子就扔掉,继续掰继续仍,然后碰到了合格的就拿这个,因为其它的已经扔了。
2、逻辑或(||),例如:a || b || c,其中a,b,c亦是任意类型变量的代表,这里同样会有短路现象,相反,逻辑或碰到true会短路不再执行后面的语句直接返回true,没有碰到true就返回最后一个false,然后返回转化前的变量,同样可以通过狗熊掰棒子的例子来理解,只是检查的标准不一样了。
接下来就该实战了,普通的判断表达式:
if(a == undefined){ // 初始化
a = 0;
};
强化后:var a = a || 0; // 初始化
还有更强大的:
普通版:
var a = 0;
var length = 10;
if(length>2 && length<5){
a = 2;
}
else if(length>5 && length<8){
a = 4;
}
else{
a = 6;
}
强化版:
var a = ((length>2 && length<5) && 2) || ((length>5 && length<8) && 4) || 6; // 省了N行代码,可以这样记忆,if 与else if可以用||逻辑或来代替,而判断条件和该条件下的返回结果可以通过逻辑与来判断。
另外:
普通版:
var a = 0;
var length = 10;
if(length == 2){
a = 2;
}
else if(length == 4){
a = 4;
}
else{
a = 6;
}
强化版:
var a = {2:2,4:4}[length] || 6; // 一个变量可以合并,省了N行+M列代码。
首先要弄清楚js 中对于 变量,在逻辑判断中会把对应的变量转为boolean类型,转化规则是非空字符串转为true,空字符串转为false,非0数字转为true,0或者NaN转为false,特殊的基本数据类型undefined转为false,null转为false,当然逻辑判断完赋值的时候会转化回去。
1、逻辑与(&&),例如:a && b && c ,其中a,b,c是任意类型的变量的代表,在逻辑与中会有短路现象,a、b、c都是true整个语句才是true,否则整个语句是false, 这些是常识,
大多数人不知道的是另一方面如果整个逻辑语句执行完毕后如果没有false那就返回最后一个逻辑判断即c,而对这两种情况,返回的都是变量的实际值,而不是转化为boolean后的值,可以理解为狗熊掰棒子,掰一个不是合格的棒子就扔掉,继续掰继续仍,然后碰到了合格的就拿这个,因为其它的已经扔了。
2、逻辑或(||),例如:a || b || c,其中a,b,c亦是任意类型变量的代表,这里同样会有短路现象,相反,逻辑或碰到true会短路不再执行后面的语句直接返回true,没有碰到true就返回最后一个false,然后返回转化前的变量,同样可以通过狗熊掰棒子的例子来理解,只是检查的标准不一样了。
接下来就该实战了,普通的判断表达式:
if(a == undefined){ // 初始化
a = 0;
};
强化后:var a = a || 0; // 初始化
还有更强大的:
普通版:
var a = 0;
var length = 10;
if(length>2 && length<5){
a = 2;
}
else if(length>5 && length<8){
a = 4;
}
else{
a = 6;
}
强化版:
var a = ((length>2 && length<5) && 2) || ((length>5 && length<8) && 4) || 6; // 省了N行代码,可以这样记忆,if 与else if可以用||逻辑或来代替,而判断条件和该条件下的返回结果可以通过逻辑与来判断。
另外:
普通版:
var a = 0;
var length = 10;
if(length == 2){
a = 2;
}
else if(length == 4){
a = 4;
}
else{
a = 6;
}
强化版:
var a = {2:2,4:4}[length] || 6; // 一个变量可以合并,省了N行+M列代码。
相关文章推荐
- 讲讲js中的逻辑与(&&)以及逻辑或(||)
- 【web】js基础巩固——json&数据存储(六)
- EA&UML日拱一卒-0基础学习微信小程序(9)-C++程序员眼中的app.js
- 【Java编程的逻辑】类的基础 & 类的继承
- Angular基础(八) Observable & RxJS
- js基础&&dom编程 25
- 从window.console&&console.log(123)浅谈JS的且运算逻辑(&&)
- js中的逻辑与(&&)与逻辑或(||)
- js中的逻辑与(&&)和逻辑或(||)
- 前端基础 & 初识JS(JavaScript)
- JS中的逻辑与(&&)逻辑或(||)
- JS基础,相亲,逻辑训练
- js中逻辑或|| 和 逻辑与&& 和 逻辑非! 和 !!
- js中的逻辑与(&&)和逻辑或(||)
- JS 逻辑判断选择器 || &&
- JS基础内容小结(DOM&&BOM)(二)
- 3 HTML&JS等前端知识系列之javascript的基础
- 分页控件代码逻辑(JS版本&PHP版本)
- node.js学习(二)--Node.js控制台(REPL)&&Node.js的基础和语法
- 用人类的思维方式去写更容易维护的代码——用<抽象-基础-逻辑>模式开发Java(Android)程序