在 JavaScript 中检查数字是否在两个值之间
在本文中,我们将了解如何在 JavaScript 中检查一个数字是否介于两个值之间。我们将使用比较运算符和逻辑运算符来实现这一点。
我们可以将这些运算符与 JavaScript 中的 if
语句或三元运算符 ?:
一起使用。
例如,如果你有一个数字,比如说 25,并且你想检查这个数字是否在数字 10 和 50 的范围内。现在你可以看到数字 25 存在于数字 10 和 50 之间。
我们将看到如何在代码中实现它。
使用 JavaScript 中的比较和逻辑运算符检查数字是否介于两个值之间
JavaScript 中有多种类型的运算符,其中我们将只处理比较运算符和逻辑运算符。
比较运算符允许你比较两个操作数,如果条件满足则返回 true
,否则返回 false
。操作数可以是数字、字符串、逻辑或对象值。
比较运算符包括大于 >
、小于 <
、等于 ==
、小于或等于 <=
等等。你可以阅读比较运算符的文档以获取比较运算符中可用运算符的完整列表。
在这些运算符中,我们将使用大于 >
和小于 <
运算符来检查两个值之间是否存在数字。
我们将使用的另一个运算符是逻辑运算符。
有三个逻辑运算符:逻辑 AND``&&
、逻辑 OR``||
和逻辑 NOT``!
。我们将使用逻辑 AND``&&
运算符。
这些运算符通常与布尔值一起使用。由于比较运算符提供了一个布尔值,我们可以使用逻辑运算符。
这些运算符可以与 JavaScript 中的 if
语句或三元运算符 ?:
一起使用。现在让我们看看如何在实践中实现这一点。
在 JavaScript 中将比较和逻辑运算符与 if
语句一起使用
首先,我们将看到如何在 if
语句中使用比较运算符和逻辑运算符,稍后我们将看到如何在三元运算符 ?:
中使用它们。两者的逻辑和代码将保持不变,但语法会略有不同。
在这里,我们创建了一个名为 numberInBetween()
的函数,它将接受三个参数;最初的两个参数 startingNumber
和 endingNumber
将是数字的范围,即 10 和 50。第三个参数 givenNumber
是我们要检查的数字本身,即 25 它是否在 10 和 50 范围内。
代码片段 - JavaScript:
function numberInBetween(startingNumber, endingNumber, givenNumber) {
if (givenNumber > startingNumber && givenNumber < endingNumber)
console.log(`Given number ${givenNumber} falls between ${
startingNumber} and ${endingNumber}`);
else
console.log('Given number does not fall between within the given range');
}
numberInBetween(10, 50, 25);
输出:
在 numberInBetween()
函数中,我们有 if
语句。在这里,我们检查 givenNumber
是否大于 startingNumber
以及 givenNumber
是否小于结束数字。
假设这两个语句出现在&&
运算符的左侧和右侧都返回 true
。在这种情况下,整体表达式也将是 true
,然后我们可以输入 if
语句并向控制台打印一条消息,表明给定数字介于两个值之间。
如果任何一个语句给出了 false
值,那么整个表达式的值将导致 false
,在这种情况下,我们将输入 else
语句。
在 JavaScript 中将比较和逻辑运算符与三元运算符 ?:
结合使用
if
语句和三元运算符的工作方式相同。三元运算符的优点是语法简洁易读。
在使用三元运算符时,我们排除了 if
和 else
关键字,而是使用 ?
和 :
运算符。这 ?
用在条件之后,:
用在下面的两个语句中。
在这里,你也将获得相同的输出。
代码片段 - JavaScript:
function numberInBetween(startingNumber, endingNumber, givenNumber) {
(givenNumber > startingNumber && givenNumber < endingNumber) ?
console.log(`Given number ${givenNumber} falls between ${
startingNumber} and ${endingNumber}`) :
console.log('Given number does not fall between within the given range');
}
numberInBetween(10, 50, 25);
如你所见,我们在 :
符号之前和之后都有一个控制台语句。因此,如果条件满足,则执行:
符号左侧的语句,如果条件不满足,则执行:
符号右侧的语句被执行。
如果需要在满足条件后执行单条语句,使用三元运算符;如果你需要在满足条件后执行多个语句,请使用 if
语句。
相关文章
在 JavaScript 中跟踪鼠标位置
发布时间:2024/03/16 浏览次数:188 分类:JavaScript
-
在本教程中,我们将了解如何在 JavaScript 中使用鼠标事件跟踪鼠标位置。
在 JavaScript 中将 Base64 转换为图像
发布时间:2024/03/16 浏览次数:77 分类:JavaScript
-
将 Base64 字符串转换为图像的最简单方法是调用启动图像构造函数并将 base64 字符串作为图像源的函数。此解决方案需要最少的代码行和努力来获得更好的结果。此外,还有一些复杂的实
使用 JavaScript 将图像转换为 Base64 字符串
发布时间:2024/03/16 浏览次数:144 分类:JavaScript
-
本文将讨论如何通过创建画布并将图像加载到其中,并使用文件读取器方法获取图像的相应字符串,将图像转换为其 base64 字符串表示。
在 JavaScript 中操作图像
发布时间:2024/03/16 浏览次数:175 分类:JavaScript
-
本文将介绍 JavaScript 中的图像处理功能。我们将使用 CamanJS 这是一个 JavaScript 库来操作图像。
在 JavaScript 中交换图像
发布时间:2024/03/16 浏览次数:134 分类:JavaScript
-
本教程展示了如何使用 JavaScript 简单地交换图像。你将学习如何使用不同的方法交换图像,例如使用 onclick、鼠标单击和按钮单击。
使用 JavaScript 将 SVG 转换为 PNG
发布时间:2024/03/16 浏览次数:121 分类:JavaScript
-
本教程教授如何从 SVG 创建 PNG 图像。我们将使用 Canvg JavaScript 库和 toDataURL 方法。