JavaScript中的或运算符

JavaScript中的或运算符（||）是一种用于组合逻辑表达式的运算符。它可以将两个或多个表达式结合在一起，返回其中任何一个表达式的结果为true的值。这个运算符在JavaScript中使用非常广泛，我们可以在各种场景中使用它。

语法

其基本语法如下：

expr1 || expr2 || ... || exprN

其中expr1、expr2、…、exprN是任意的表达式。

在多个表达式通过或运算符连接起来时，会按照从左到右的顺序进行计算，并返回第一个结果为true的表达式的值。

示例

以下示例展示了或运算符的一些基本用法。

基本使用

const x = 10;
const y = 20;

console.log(x > 5 || y < 5); // 输出 true，因为 x > 5 是 true
console.log(x < 5 || y < 5); // 输出 false，因为 x < 5 和 y < 5 都是 false

判断对象是否存在

const obj = { name: 'John' };

// 这种写法可能会报错
// console.log(obj.age || 'Age not found');

// 使用默认值可以避免报错
console.log(obj.age || 0); // 输出 0，因为 obj.age 不存在
console.log(obj.name || 'Name not found'); // 输出 John，因为 obj.name 存在且为 true

快速设置默认值

const config = { port: 9000 };
const port = config.port || 8080;
console.log(port); // 输出 9000，因为 config.port 存在且为 true

链式赋值

let name;
let user = null;

// 如果 name 不为空，则使用 name；否则使用 user.name；如果 user.name 也不存在，则使用 'Guest'
name = name || user.name || 'Guest';
console.log(name); // 输出 Guest，因为 user.name 和 name 都为空

结语

或运算符是JavaScript中一个非常简单、有效的运算符。无论是用于逻辑表达式组合，还是用于设定默认值，都可以帮助我们在代码编写中少些一些重复的代码，提高代码的效率。我们在开发中一定要充分利用它，让代码更简洁易读，提高开发效率。