JavaScript 的递增和递减运算符用于将值增加或减少 1。例如，递增运算符 ++ 用于将现有变量值增加 1 (x = x + 1)。递减运算符 -- 用于将现有值减少或减去 1 (x = x - 1)。
JavaScript 中递增和递减运算符的语法如下所示。
- 递增运算符：++x 或 x++
- 递减运算符：--x 或 x--
JavaScript 递增和递减运算符示例
在此示例中，我们向您展示了此编程语言中递增和递减运算符的工作功能。
<!DOCTYPE html>
<html>
<head>
<title> Increment and Decrement Operators </title>
</head>
<body>
<script>
var x = 10, y = 20;
document.write("<b>----INCREMENT OPERATOR EXAMPLE---- </b>");
document.write("<br \> Value of x : "+ x); //Original Value
document.write("<br \> Value of x : "+ x++); // Using increment Operator
document.write("<br \> Value of x : "+ x + "<br \>"); //Incremented value
document.write("<br \> <b>----DECREMENT OPERATOR EXAMPLE---- </b>");
document.write("<br \> Value of y : "+ y); //Original Value
document.write("<br \> Value of y : "+ y--); // using decrement Operator
document.write("<br \> Value of y : "+ y); //decremented value
</script>
</body>
</html>
在第 13 行，我们使用了递增运算符。因此，X 的值首先被返回（即 10），然后 X 的值增加了 1。
第 14 行：我们再次调用了 X 的值，它显示为 11，因为值已经被更新了。递减运算符也是如此。
JavaScript 前缀和后缀
如果观察上面的语法，我们可以将 JavaScript 的递增和递减运算符放在操作数之前或之后。当 ++ 或 -- 出现在操作数之前时，如：++x，--x，我们就称之为前缀；如果 ++ 或 -- 出现在操作数之后，如：x++ 或 x--，我们就称之为后缀。
让我们探讨一下 JavaScript 的前缀和后缀。
- ++i (前缀递增)：它将在将值赋给变量 i 之前就增加 i 的值。
- i++ (后缀递增)：运算符首先返回变量的值（即 i 的值），然后才将 i 的值增加 1。
- --i (前缀递减)：它将在将值赋给变量 i 之前就减小 i 的值。
- i-- (后缀递减)：JavaScript 运算符首先返回变量的值（即 i 的值），然后才将 i 的值减小 1。
JavaScript 前缀和后缀示例
此示例将向您展示如何在 JavaScript 中将递增和递减运算符用作前缀和后缀。
<!DOCTYPE html>
<html>
<head>
<title> javascript prefix and Postfix </title>
</head>
<body>
<script>
var x = 10, y = 20, a = 5, b= 4;
document.write("<b>----PRE INCREMENT OPERATOR EXAMPLE---- </b>");
document.write("<br \> Value of X : " + x); //Original Value
document.write("<br \> Value of X : "+ (++x)); // Using increment Operator
document.write("<br \> Value of X Incremented: " + x + "<br \>"); //Incremented value
document.write("<br \> <b>----POST INCREMENT OPERATOR EXAMPLE---- </b>");
document.write("<br \> Value of Y : "+ y); //Original Value
document.write("<br \> Value of Y : "+ y++); // Using increment Operator
document.write("<br \> Value of Y Incremented: "+ y + "<br \>"); //Incremented value
document.write("<br \> <b>----PRE DECREMENT OPERATOR EXAMPLE---- </b>");
document.write("<br \> Value of A : "+ a); //Original Value
document.write("<br \> Value of A : "+ --a); // using decrement Operator
document.write("<br \> Value of A Decremented: "+ a + "<br \>"); //decremented value
document.write("<br \> <b>----POST DECREMENT OPERATOR EXAMPLE---- </b>");
document.write("<br \> Value of B : "+ b); //Original Value
document.write("<br \> Value of B : "+ b--); // using decrement Operator
document.write("<br \> Value of B Decremented: "+ b + "<br \>"); //decremented value
</script>
</body>
</html>
----PRE INCREMENT OPERATOR EXAMPLE----
Value of X : 10
Value of X : 11
Value of X Incremented: 11
----POST INCREMENT OPERATOR EXAMPLE----
Value of Y : 20
Value of Y : 20
Value of Y Incremented: 21
----PRE DECREMENT OPERATOR EXAMPLE----
Value of A : 5
Value of A : 4
Value of A Decremented: 4
----POST DECREMENT OPERATOR EXAMPLE----
Value of B : 4
Value of B : 4
Value of B Decremented: 3此编程中的递增和递减运算符用于 For Loop、While loop 和 Do While 循环。尝试学习前缀和后缀的概念，以便您能够轻松理解 for 循环、while 循环和 do-while 循环的语法。