总结JavaScript中布尔操作符||与&&的使用技巧

下面是关于“总结JavaScript中布尔操作符||与的使用技巧”的攻略：

下面是关于“总结JavaScript中布尔操作符||与&&的使用技巧”的攻略：

1. 什么是布尔操作符

布尔操作符是指用于比较两个值并返回一个布尔值的运算符。在JavaScript中，常用的布尔操作符有 &&（与）、||（或）和！（非）。

2. 布尔操作符||（或）

2.1 基本使用

布尔操作符||的作用是在两个操作数中，只要有一个操作数为真，就返回真。如果两个操作数都为假，才返回假。

例如：

console.log(true || false); //true
console.log(false || true); //true
console.log(true || true); //true
console.log(false || false); //false

2.2 使用技巧

2.2.1 判断变量是否有值

可以使用布尔操作符||来判断一个变量是否有值。如果变量没有值，那么就会返回另一个默认值，例如：

let name = '';
console.log(name || 'anonymous'); //anonymous

let age;
console.log(age || 18); //18

2.2.2 合并多个条件

可以使用布尔操作符||来合并多个条件。

例如：

let x = '';
let y = 2;
let z = 3;

console.log(x || y || z);//2

上面的代码中，x变量为空字符串，y为2，z为3。&&运算符会先判断x是否有值，因为x为假（空字符串），所以继续判断y是否有值，由于y为真（非0），所以就返回了y的值，也就是2。因此，使用||可以简化对多个条件的判断。

3. 布尔操作符&&（与）

3.1 基本使用

布尔操作符&&的作用是在两个操作数中，只有两个操作数都为真，才返回真。否则返回假。

例如：

console.log(true && false); //false
console.log(false && true); //false
console.log(true && true); //true
console.log(false && false); //false

3.2 使用技巧

3.2.1 判断变量是否有值

和||操作符配合，可以使用&&来判断变量是否有值，例如：

let name = '';
console.log(name && 'anonymous'); //''

let age;
console.log(age && 18); //undefined

3.2.2 当前值依赖于前置条件

如果当前值依赖于前置条件，可以使用&&来避免复杂的if语句。

例如：

let username = 'John';
let isAdmin = true;

isAdmin && console.log('Welcome ' + username + ', you are an admin!');

isAdmin = false;

isAdmin && console.log('Welcome ' + username + ', you are an admin!');

上面的代码中，当isAdmin为true时，才输出“Welcome John, you are an admin!”。当isAdmin为false时，则不输出任何内容。可以看到，这种使用方式能够避免复杂的if语句，使代码更为简洁。

以上就是关于“总结JavaScript中布尔操作符||与&&的使用技巧”的攻略。