JavaScript - 算術運算子

上一頁
下一頁

JavaScript 算術運算子

JavaScript 中的算術運算子對數值（運算元）執行數學計算。大多數算術運算子是二元運算子，因為它們對兩個運算元執行計算。一些算術運算子是一元運算子。一元運算子對單個運算元執行計算。

JavaScript 支援許多算術運算子，例如加法、減法、乘法、除法運算子等。它使用算術運算子的常用符號，例如“+”表示加法，“-”表示減法，“*”表示乘法，“/”表示除法等。

運算元可以是字面量、變數或表示式。

var z = 3 + 5;  // 3 and 5 are literal values.
const x = 3; y = 5;
var z = x + y ; // x and y are variables. 
var z = 3 + 2*x  // expression

通常，算術運算子用於執行數學運算，但它們也可以用於其他運算。例如，加法運算子 (+) 可用於字串連線。

這裡，我們給出了一個包含數學運算子的表格，並解釋了每個運算子的功能。

運算子 名稱 描述
+ 加法 將兩個運算元相加
- 減法 從第一個運算元中減去第二個運算元
* 乘法 將兩個運算元相乘
/ 除法 將分子除以分母
% 模數 輸出整數除法的餘數
++ 增量 將整數值增加 1
-- 減量 將整數值減少 1

讓我們藉助示例討論不同的運算子。

JavaScript 加法 (+) 運算子

JavaScript 加法 (+) 運算子將兩個數值運算元相加。它由加號 (+) 符號表示。

var x = 5, y = 10;
var sum = x + y;

此運算子也可用於連線字串和/或數字。

var z = '10' + 3  // returns 103
var z = '10' + '3'  // returns 103
  • 如果一個運算元是字串，則加法運算子會將另一個運算元轉換為字串，並將其與第一個運算元連線起來。
  • 如果兩個運算元都是字串，則它只是將第二個運算元連線到第一個運算元。
  • 如果兩個運算元都是數值，則它將返回數值。

示例

在下面的示例中，我們演示了新增兩個十進位制數字以及連線字串和數字。

<html>
<body>
   <script>
      const x = 3; y = 5;
      var z = x + y ;
      document.write(z +"</br>");
      var z = '10' + 3 
      document.write(z +"</br>");
      var z = '10' + '3';
      document.write(z +"</br>");
   </script>
</body>
</html>

JavaScript 減法 (-) 運算子

JavaScript 減法 (-) 運算子從左運算元中減去右運算元，並生成它們的差。它由減號 (-) 符號表示。

20 - 10; // returns 10
'20' - 10; // returns 10
'20' - '10'; // returns 10
'20ee' - 10; // returns NaN
NaN - 10 // return NaNs
Infinity - 10 // returns infinity
  • 減法運算子使用數值運算元，但也可用於非數值運算元，例如字串。
  • 如果兩個運算元都是數字，則結果是數字。
  • 如果任何一個或兩個運算元都是字串（僅包含數字），則它首先將字串轉換為數字，然後執行減法運算。
  • 如果字串包含非數字值，則它將返回 NaN。
  • 如果任何運算元為 NaN 或 Infinity，則結果將分別為 NaN 或 Infinity。

示例

在下面的示例中，我們演示了兩個十進位制數字和其他資料型別的減法。

<html>
<body>
   <script>
      var x = 20; y = 10;
      var z = x - y ;
      document.write(z +"</br>");
      x = "20"; y = "10"
      z = x - y ;
      document.write(z +"</br>");
      x = "20ee"; 
      z = x - y ;
      document.write(z +"</br>");
   </script>
   <p>Change the values of the variables and test the resultant values</p>
</body>
</html>

JavaScript 乘法 (*) 運算子

JavaScript 乘法運算子將兩個數字（運算元）相乘。它給出兩個運算元的乘積。它由星號 (*) 符號表示。如果兩個運算元符號相同，則乘積為正。如果兩個運算元符號不同，則乘積為負。

如果任何一個或兩個運算元是字串，它會將字串轉換為數字，然後返回它們的乘積。

示例

在下面的示例中，我們演示了在不同型別的運算元上使用乘法運算子。

<html>
<body>
   <script>
      var x = 20; y = 10;
      var z = x * y ;
      document.write(z +"</br>");
      x = "20"; y = "10"
      z = x * y ;
      document.write(z +"</br>");
      x = "20ee"; 
      z = x * y ;
      document.write(z +"</br>");
   </script>
   <p>Change the values of the variables and test the resultant values</p>
</body>
</html>

JavaScript 除法 (/) 運算子

JavaScript 除法 (/) 運算子將左運算元（被除數）除以右運算元（除數），並返回商。它由斜槓 (/) 符號表示。

20/10  // returns 2
20/-10 // return -2
100/0  // returns Infinity
0/0    // returns NaN

示例

讓我們演示一下除法運算子的使用。

<html>
<body>
   <script>
      var x = 20; y = 10;
      var z = x / y ;
      document.write(z +"</br>");
      x = "20"; y = "10"
      z = x / y ;
      document.write(z +"</br>");
      z = x / 0 ;
      document.write(z +"</br>");
      z = 0 / 0 ;
      document.write(z +"</br>");
   </script>
   <p>Change the values of the variables and test the resultant values</p>
</body>
</html>

JavaScript 取模 (%) 運算子

JavaScript 取模 (%) 運算子返回第一個運算元除以第二個運算元的餘數。它也被稱為餘數運算子。它由百分號 (%) 符號表示。它採用被除數的符號。例如，5%3 得到 2，因為當 5 除以 3 時，餘數為 2。

示例

讓我們藉助示例程式瞭解取模運算子。

<html>
<body>
   <script>
      var x = 20 % 9;
      var y = -20 % 9;
      var z = 20.43 % 9;
      var a = 20 % -9;
      var b = 20 % 10;
      document.write(x +"</br>");
      document.write(y +"</br>");
      document.write(z +"</br>");
      document.write(a +"</br>");
      document.write(b +"</br>");
   </script>
  </body>
</html>

JavaScript 自增 (++) 運算子

JavaScript 自增 (++) 運算子將運算元的值增加 1。它是一個一元運算子。它只接受一個運算元。它由雙加號 (++) 符號表示。

JavaScript 中有兩種型別的自增運算子：

字首自增運算子

字首自增運算子在使用變數的當前值之前遞增變數的值。例如：

var x = 10;
var y = ++x; // x is now 11 and y is also 11.

字尾自增運算子

字尾自增運算子在使用變數的當前值之後遞增變數的值。例如：

var a = 10;
var b = a++; // a is now 11 but b is 10.

這裡，在上面程式碼的第二行中，首先將 a 的當前值賦給 b，然後遞增 a 的值。

讓我們看看下面的例子：

<html>
<body>
   <script>
      var x = 10;
      var y = --x;  //prefix decrement
      var a = 10;
      var b = a--;  // postfix decrement
	  document.write("x = " + x);
      document.write(" y = " + y + "<br>");
      document.write("a = " + a);
      document.write(" b = " + b + "<br>");
   </script>
   <p>Change the values of the variables and check the results</p>
</body>
</html>

JavaScript 自減 (--) 運算子

JavaScript 自減 (--) 運算子將運算元的值減少 1。它也是一個一元運算子，即它只接受一個運算元。它由雙減號 (--) 符號表示。

JavaScript 中有兩種型別的自減運算子：

字首自減運算子

字首自減運算子在使用變數的當前值之前遞減變數的值。例如：

var x = 10;
var y = --x; // x is now 9 and y is also 9.

字尾自減運算子

字尾自減運算子在使用變數的當前值之後遞減變數的值。例如：

var a = 10;
var b = a--; // a is now 9 but b is 10.

這裡，在上面程式碼的第二行中，首先將 a 的當前值賦給 b，然後遞減 a 的值。

讓我們看看下面的例子：

<html>
<body>
   <script>
      var x = 10;
      var y = --x;  //prefix decrement
      var a = 10;
      var b = a--;  // postfix decrement
	  document.write("x = " + x);
      document.write(" y = " + y + "<br>");
      document.write("a = " + a);
      document.write(" b = " + b + "<br>");
   </script>
   <p>Change the values of the variables and check the results</p>
</body>
</html>
列印頁面
上一頁
下一頁
廣告