JavaScript OR 运算符 || 在语句中的作用

JavaScript是一种动态编程语言，允许开发者轻松编写复杂的代码。JavaScript的基本概念之一是使用运算符，它们是用于对一个或多个值执行操作的符号。其中一个运算符是 || （逻辑OR）运算符，它可以以各种方式简化代码并使其更高效。

逻辑OR运算符： JavaScript中的||运算符是一个二元运算符，用于评估两个或多个表达式并返回第一个真值表达式。真值是除了undefined、null、false、0、NaN或空字符串(“”)之外的任何值。逻辑OR运算符以短路的方式评估其操作数。这意味着它在遇到第一个真值时停止评估。

当将逻辑OR运算符||用于变量声明语句时，它的工作方式如下：

• 如果第一个操作数（左手边）是真值（即具有不是false、0、null、undefined、NaN或空字符串的值），则该运算符返回第一个操作数的值。
• 如果第一个操作数是伪值（即具有false、0、null、undefined、NaN或空字符串的值），则该运算符返回第二个操作数的值（右手边）。

  语法：

expression1 || expression2

这里，expression1和expression2是正在比较的两个表达式。逻辑或运算符||返回它遇到的第一个真值表达式的值，如果两个表达式都为假，则返回最后一个表达式的值。

以下是在JavaScript中使用||运算符的所有可能方法：

1. 逻辑或操作： ||运算符在两个值之间执行逻辑或操作。如果操作数中有一个为true，则操作返回true。如果两个操作数都为false，则操作返回false。这种方法常用于条件语句中检查真值。

例子： 在这个例子中，||运算符在true和false之间执行逻辑或操作。因为第一个操作数为true，所以操作返回true。同样，在第二个例子中，因为两个操作数都是false，所以操作返回false。在第三个例子中，因为至少有一个操作数是true，所以操作返回true。

Javascript

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

输出

true
false
true

2. 默认值赋值： 在var语句中使用||运算符可用于为变量设置默认值。如果变量尚未赋值或其值为假值，则运算符会设置默认值。这种方法通常用于提供备用值。

示例： 在此示例中，name变量最初被赋值为空字符串。当使用||运算符设置默认值时，它会检查变量是否具有真值。由于空字符串是假值，运算符将默认值设置为“Geeks for Geeks”。name1变量具有真值，因此运算符不会更改其值。

JavaScript

let name = "";
 
// Geeks for Geeks
console.log(name || "Geeks for Geeks"); 
let name1 = "A computer science portal for geeks";
 
// A computer science portal for geeks
console.log(name1 || "Geeks for Geeks");

结果

Geeks for Geeks
A computer science portal for geeks

3. 默认函数参数： ||运算符还可以用来设置函数参数的默认值。如果未提供参数或者参数为假值，该运算符会设置默认值。这种方法通常用于为函数提供默认参数。

示例： 在此示例中，greet函数接受一个参数name。当使用||运算符设置默认值时，它会检查参数是否具有真值。如果参数未提供或者为假值，则将默认值设置为“Geek”。在第一次函数调用时，未提供参数，因此使用了默认值。在第二次函数调用中，提供了参数“Geeks for Geeks”，因此运算符不会改变其值。

Javascript

function greet(name) {
      name = name || "Geek";
      console.log("Hello, " + name + "!"); // Hello, Geeks!
}
 
greet(); // Hello, Geek!
greet("Geeks for Geeks"); // Hello, Geeks for Geeks!

输出

Hello, Geek!
Hello, Geeks for Geeks!

4. 链接多个OR操作： ||操作符可以链接多个值以检查其真假性。它返回它找到的第一个真值，如果所有值都为假，则返回最后一个值。这种方法通常用于从选项列表中选择一个值。

示例： 在此示例中，||操作符链接多个值以检查其真假性。如果value1为假，操作符会检查value2。如果value2也为假，则检查value3。如果这三个值都为假，则操作符返回“default”。

JavaScript

const value1 = null;
const value2 = undefined;
const value3 = "";
const defaultValue = "default";
 
const result = value1 || value2 || value3 || defaultValue;
 
console.log(result); // Output: default

输出

default

5. 检查未定义值： || 运算符可以用于检查变量是否为未定义。如果变量未定义，则该运算符返回默认值。这种方法通常用于为可能未初始化的变量提供回退值。

示例： 在此示例中，值变量未初始化，因此它是未定义的。当使用 || 运算符检查未定义值时，它返回默认值“default”。类似地，数组变量有四个元素，但第四个元素是未定义的。当使用 || 运算符为项目变量设置默认值时，它首先检查第四个元素，即未定义。由于未定义为假值，运算符将默认值设置为“default”。

JavaScript

let value;
console.log(value || "default"); // default
 
let array = [1, 2, 3];
let item = array[3] || "default";
console.log(item); // default

输出

default
default