JavaScript - 如何只接受0到255范围内的数字?


JavaScript 是一种流行的脚本语言,用于创建交互式网站和应用程序。它具有许多强大的功能,使其易于使用和扩展。

这对于验证表单上的用户输入或其他数据驱动任务非常有用,在这些任务中,您希望确保用户输入的值在特定范围内。

在本文中,我们将讨论如何使用 JavaScript 只接受 0 到 255 范围内的数字。

JavaScript 中的 range 函数在接收起始和结束索引后返回所有整数的列表。它表示的是最小值和最大值之间的差。range 函数使对起始和结束位置之间所有数字的排序更容易。

使用 JavaScript 中的 if else 条件语句

如果某个条件为真,则if/else 语句将导致执行一段代码。如果条件为,则可以执行另一段代码。if/else 语句是 JavaScript “条件” 语句的一部分,用于根据各种条件执行各种操作。

语法

以下是 ‘if else’ 条件语句的语法

if (condition){
   } else {
}

示例

在下面的示例中,我们使用 ‘if else’ 条件语句运行脚本,以检查给定的数字是否在范围内。

<!DOCTYPE HTML>
<html>
<body>
   <script>
      function checkRangeDemo(number) {
         if (number < 0 || number > 255) {
            return false;
         }
         else {
            return true;
         }
      }
      var number = 55;
      if (checkRangeDemo(number) == true)
         document.write(number + " is in range"+"<br>")
      else
         document.write(number + " is not in range")
      var number1 = 350;
      if (checkRangeDemo(number1) == true)
         document.write(number1 + " is in range")
      else
         document.write(number1 + " is not in range")
   </script>
</body>
</html>

运行脚本时,它将生成输出,触发事件,并检查给定的值是否在范围内。在本例中,它将在第一次迭代中显示 true,在第二次迭代中显示 false。

示例

让我们考虑另一个示例,我们在此示例中使用 and 运算符 (&&) 和 ‘if’ 条件语句来检查给定的数字是否在范围内。

<!DOCTYPE html>
<html>
<body>
   <script>
      const num = 69;
      const low = 0;
      const high = 255;
      if (num > low && num < high) {
         document.write('True');
      } else {
         document.write('False');
      }
   </script>
</body>
</html>

当用户运行脚本时,它将显示输出,激活事件,并检查给定的值是否在范围内,并给出值。在本例中,它将在 web 浏览器中显示“true”。

让我们来看另一个示例,以进一步了解如何设置值以接受 0 到 255 之间的数字。

示例

考虑下面的示例,我们在这里运行一个条件来检查给定的值是否满足条件。

<!DOCTYPE HTML>
<html>
<body>
   <script>
      var checkRange = function (num) {
         var num = Number(num);
         return !isNaN(num) && (num % 1 === 0) && num >= 0 && num < 255;
      };
      document.write(checkRange(33)+"<br>");
      document.write(checkRange(369));
   </script>
</body>
</html>

运行上述脚本后,事件将被触发,并检查脚本中给定的值,第一个值返回 true,第二个值返回 false。

更新于: 2023年1月18日

浏览量:527

启动您的 职业生涯

完成课程获得认证

开始学习
广告