js运算符&&和||的一些demo和总结
发布网友
发布时间：2024-10-22 00:39
我来回答
共1个回答
热心网友
时间：2024-11-06 04:19
在JavaScript中，运算符'&&'和'||'在逻辑判断中扮演着重要角色。这两个运算符的使用规则和特性，使代码编写更加灵活且高效。下面通过一些示例来总结&&和||的使用方式和特点。
首先来看||运算符的特性。它执行逻辑或操作，当第一个表达式为真时，将直接返回这个值，而不会执行后续的表达式。例如：var a = 2 > 0 || typeof(2 + "")，输出为true，因为2 > 0为真，||后的表达式不执行。如果表达式为：var a = 2 < 0 || typeof(2 + "")，输出为string，因为2 < 0为假，所以执行了||后的表达式。
接下来是&&运算符的特性。执行逻辑与操作，如果第一个表达式为假，则整个表达式结果为假，且后面的表达式不会执行。例如：var a = 2 > 0 && typeof(2 + "")，输出为string，因为2 > 0为真，所以执行了&&后的表达式。而如果表达式为：var a = 2 < 0 && typeof(2 + "")，输出为false，因为2 < 0为假，整个表达式结果为假。
这些运算符的特性在JavaScript中有着广泛的应用，比如在函数参数默认值的设定、条件判断简化以及替代if/else语句等方面。例如：
1. 判断变量是否已定义，如果未定义则赋予默认值。
var attr = attr || "";这行代码可以确保变量attr即使未定义，也会被赋予空字符串。
2. 逻辑简化的使用。
if(a >= 5){alert("你好");}可以被简化为a >= 5 && alert("你好");这样的写法。
使用||和&&运算符在简化代码的同时，也可能降低代码可读性，因此使用时应尽量添加注释以提高代码可理解性。
最后，展示一个使用&&和||运算符实现的简化版if/else判断：
var add_level = (add_step == 5 && 1) || (add_step == 10 && 2) || (add_step == 12 && 3) || (add_step == 15 && 4) || 0;
以及使用对象字面量的简化版switch语句：
var add_level = {'5':1,'10':2,'12':3,'15':4}[add_step] || 0;
这些示例展示了在JavaScript中如何灵活使用逻辑运算符&&和||来优化代码，同时也要注意保持代码的清晰和可读性。
