JS 的 if 语句中指定多个条件
我们可以使用逻辑与 &&
和逻辑或 ||
运算符在 if 语句中指定多个条件。 使用逻辑与 &&
时,必须满足所有条件才能运行 if 块。
使用逻辑或 ||
时,至少必须满足一个条件才能运行 if 块。
if (5 > 10 || 2 > 10 || 10 > 5) {
// 👇️ if block runs
console.log('✅ at least one condition is met');
} else {
console.log('⛔️ neither condition is met');
}
我们使用逻辑或 ||
运算符在 if
语句中链接多个条件。
如果至少有一个条件返回真,则
if
块将运行。如果没有任何条件返回真,则else
块将运行。
逻辑或 ||
运算符如果为真,则返回左侧的值,否则返回右侧的值。
Truthy 是所有不虚假的值。
JavaScript 中的假值是:false、null、undefined、0、""(空字符串)、NaN(不是数字)。
由于我们的比较操作评估为真或假,如果至少有一个比较评估为真,则运行
if
块。
下面是使用逻辑与 &&
运算符指定多个条件的示例。
if (10 > 5 && 5 > 3) {
// 👇️ if block runs
console.log('✅ all conditions are met');
} else {
console.log('⛔️ not all conditions are met');
}
在
if
语句中使用逻辑与&&
运算符时,必须满足所有条件才能运行if
块。
逻辑与 &&
运算符如果为假,则返回左侧的值,否则返回右侧的值。
在示例中,两个比较都返回 true,因此 if 块运行。
我们还可以混合和匹配条件。 下面是一个使用这两个运算符的示例。
if ((10 > 20 && 10 > 30) || (10 > 5 && 10 > 3)) {
// 👇️ if block runs
console.log('✅ at least one condition is met');
} else {
console.log('⛔️ neither condition is met');
}
首先,评估左侧(括号中)的条件并返回 false。
然后逻辑或 ||
运算符计算右侧的条件。 右侧的条件返回 true,因此运行 if
块。
相关文章
使用 CSS 和 JavaScript 制作文本闪烁
发布时间:2023/04/28 浏览次数:146 分类:CSS
-
本文提供了使用 CSS、JavaScript 和 jQuery 使文本闪烁的详细说明。
在 PHP 变量中存储 Div Id 并将其传递给 JavaScript
发布时间:2023/03/29 浏览次数:69 分类:PHP
-
本文教导将 div id 存储在 PHP 变量中并将其传递给 JavaScript 代码。
在 JavaScript 中从字符串中获取第一个字符
发布时间:2023/03/24 浏览次数:93 分类:JavaScript
-
在本文中,我们将看到如何使用 JavaScript 中的内置方法获取字符串的第一个字符。
在 JavaScript 中获取字符串的最后一个字符
发布时间:2023/03/24 浏览次数:141 分类:JavaScript
-
本教程展示了在 javascript 中获取字符串最后一个字符的方法