数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究JavaScript 中的模运算符 (%) 是什么？
在本教程中，我们将学习 JavaScript 中的模运算符。在某些语言中，模运算符也称为余数运算符。余数运算符和模运算符都用于获取一个整数除以另一个整数时的余数，但它们在余数的符号方面有所不同，即除法后返回的余数是正数还是负数。
在表达式 a % b中，a 称为被除数，而 b 称为除数。在模运算符的情况下，表达式 ((a % b) + b) % b用于找出余数，其中结果余数的符号将类似于除数的符号，在本例中为 b。而表达式 a % b可用于使用余数运算符查找余数，其中被除数 a 的符号被视为余数结果的符号。在以下情况下，操作 a % b将返回 NaN：
如果任何一个数字是NaN。
如果除数或分母为零。
语法
以下是 JavaScript 中使用模运算符的语法：
operand1 % operand2
它返回操作数 1除以操作数 2的整数除法的余数。
让我们借助代码示例详细了解 JavaScript 中的模运算符。
示例 1
您可以尝试运行以下代码，以学习如何使用模 (%) 运算符。
<html>
<body>
<script>
var a = 33;
var b = 10;
document.write("a % b = ");
result = a % b;
document.write(result);
</script>
</body>
</html>
示例 2
以下示例将解释模运算符的行为及其对某些用户输入的结果：
<html>
<body>
<h2> Modulus Operator (%) in JavaScript </h2>
<p> Enter the operands below −</p>
<lebel> Operand1: </label>
<input type = "number" id = "inp1" value = 3> <br> <br>
<lebel> Operand2: </label>
<input type = "number" id = "inp2" value = 2>
<p> Click to see the result of Modulus Operator (%). </p>
<p id = "result"></p>
<button onclick = "display()"> Show Result </button>
<script>
var result = document.getElementById("result");
function display() {
var inp1 = document.getElementById("inp1");
var val1 = Number(inp1.value);
var inp2 = document.getElementById("inp2");
var val2 = Number(inp2.value);
var mod = ((val1 % val2) + val2) % val2;
result.innerHTML = " <b> Result: " + mod + " </b> <br> ";
}
</script>
</body>
</html>
在上面的示例中，我们使用了表达式 ((val1 % val2) + val2) % val2; 来评估模运算符的结果，该结果取决于除数或分母的符号，对于负除数值，结果将为负，对于正值，结果将为正。
让我们再看一个示例，我们将使用简单的余数运算符并查看其输出。
示例 3
以下示例将说明余数运算符的使用，并帮助您更好地理解它：
<html>
<body>
<h2> Modulus Operator (%) in JavaScript </h2>
<p> Enter the operands below −</p>
<lebel> Operand1: </label>
<input type = "number" id = "inp1" value = 13> <br> <br>
<lebel> Operand2: </label>
<input type = "number" id = "inp2" value = 9>
<p> Click to see the result of Modulus Operator (%) of above two numbers. </p>
<p id = "result"></p>
<button onclick = "display()"> Show Result </button>
<script>
var result = document.getElementById("result");
function display() {
var inp1 = document.getElementById("inp1");
var val1 = Number(inp1.value);
var inp2 = document.getElementById("inp2");
var val2 = Number(inp2.value);
var rem = val1 % val2;
result.innerHTML += "Result : " + rem ;
}
</script>
</body>
</html>
在上面的示例中，我们使用了 val1 % val2表达式来使用余数运算符评估余数的值，并将结果存储在 rem 变量中，然后将其显示给用户。此运算符的结果值将取决于被除数或分子的符号，如果被除数的值为正，则结果为正。否则，它将为负。
在本教程中，我们已经通过代码示例了解了模运算符，在代码示例中，我们实际上实现了它以尝试被除数和除数的不同值，并且可以互换地测试被除数和除数的负值和正值。我们还通过示例了解了余数运算符，以区分余数和模运算符。
1K+ 次浏览
