js ||运算符|极客笔记

js ||运算符

在JavaScript中，||是逻辑或（OR）运算符。它被用来合并两个表达式，返回其中一个表达式为真的值。在本文中，我们将详细探讨||运算符的使用方法，示例代码和注意事项。

语法

||运算符用两个竖线表示，例如expr1 || expr2。它有以下几种使用方式：

如果expr1为真，则返回expr1的值。
如果expr1为假，则返回expr2的值。

示例代码

让我们通过一些示例代码来演示||运算符的使用：

// 示例1
const num1 = 5;
const num2 = 10;
const result1 = num1 || num2;
console.log(result1); // 5

// 示例2
const str1 = "";
const str2 = "Hello";
const result2 = str1 || str2;
console.log(result2); // Hello

// 示例3
const bool1 = false;
const bool2 = true;
const result3 = bool1 || bool2;
console.log(result3); // true

在示例1中，num1为真，因此result1的值为num1的值，即5。在示例2中，str1为空字符串，即为假，因此result2的值为str2的值，即”Hello”。在示例3中，bool1为假，bool2为真，所以result3的值为bool2的值，即true。

注意事项

在使用||运算符时，有一些需要注意的事项：

短路特性：如果第一个表达式为真，第二个表达式将不会被计算。这就是所谓的“短路”特性。例如，true || anything将返回true，无论anything是什么值。
返回值：||运算符返回第一个为真的值。如果所有表达式都为假，返回最后一个表达式的值。
类型转换：使用||运算符时，JavaScript会进行隐式类型转换。如果第一个表达式为真，会直接返回该值，不会进行任何类型转换。如果第一个表达式为假，会返回第二个表达式的值。因此，需要注意数据类型的转换。
应用场景：||运算符通常用于设置默认值。例如，const name = inputName || "Guest"，如果inputName有值，则name为inputName的值，否则为默认值”Guest”。