如何使用JavaScript運算子進行基本的數學運算？

本指南將解釋使用 JavaScript 運算子進行基本數學運算的不同方法。在建立任何網站、應用程式或遊戲時，您可能需要顯示計算結果，無論是顯示訂閱者數量還是使用者積分。因此，學習如何在 JavaScript 中使用不同的資料型別進行加、減、乘運算非常重要。

在 JavaScript 中使用 (+) 運算子進行加法

在 JavaScript 中進行基本數學運算的二元運算子很簡單。但是，當您必須獲得數字作為輸出時，該過程可能會變得有點複雜。此方法將教我們如何獲取數字並獲得正確的輸出。

語法

在下面的語法中，您可以看到使用了相同的數字進行加法。但是，輸出可能不同，因為數字“2”可以被視為字串，結果可能是 22 而不是 4。在 JavaScript 中，true 被視為 1，false 被視為 0。

let a = 2 + '2';
let b = true + '2';

示例

使用正確的方法對於獲得輸出非常重要。如果您新增 33 + '60'，則您將得到輸出 3360。

由於 true 是數字 1，因此將 true 和 2 相加將得到輸出 3。因此，您應該瞭解 JavaScript 中基本數學運算的正確方法。

<html>
<body>
   <p id=sum1></p>
   <p id=sum2></p>
   <p id=sum3></p>
</body>
<script>
   const a = 2 + 2;
   let b = 2 + '2';
   let c = true + '2';
   let xa = "2 + 2 = ";
   let xb = "2 + '2' = ";
   let xc = "true + '2' = ";
   document.getElementById('sum1').innerHTML = xa + a;
   document.getElementById('sum2').innerHTML = xb + b;
   document.getElementById('sum3').innerHTML = xc + c;
</script>
</html>

在 JavaScript 中使用 (–) 運算子進行減法

雖然 JavaScript 中的加法規則相當難以理解，但您可以對其他運算使用普通的邏輯。

語法

與加法方法相比，即使減去 20 – '2'，您也不太可能得到不正確的答案。在下面的語法中，您可以看到在 JavaScript 中使用的不同減法方法。

let b = 2 - '20';
let c = false - '20';
let d = 20 - false;

示例

在此示例中，您可以看到即使使用不同的方法，輸出也是正確的。因此，使用 JavaScript 中的減法運算子進行計算並不困難。

<html>
<body>
   <p id=sub2></p>
   <p id=sub3></p>
   <p id=sub5></p>
</body>
<script>
   let b = 2 - '20';
   let c = false - '20';
   let d = 20 - false;
   let xb = "2 - '20' = ";
   let xc = "false - '20' = ";
   let xd = "20 - false = ";
   document.getElementById('sub2').innerHTML = xb + b;
   document.getElementById('sub3').innerHTML = xc + c;
   document.getElementById('sub5').innerHTML = xd + d;
</script>
</html>

在 JavaScript 中使用 (*) 運算子進行乘法

可以使用與減法相同的邏輯在 JavaScript 中進行乘法運算。true 和 false 分別被視為 1 和 0。因此，當您與 true 或 false 相乘時，您將得到相同的數字或 0。

語法

我們使用與其他運算相同的方法在 JavaScript 中進行乘法運算。

const a = 20 * 2;
let c = false * '20';
let d = 20 * true;

示例

在下面的示例中，您可以看到在 JavaScript 中用於基本數學運算的簡單乘法方法。

<html>
<body>
   <p id=multi1></p>
   <p id=multi3></p>
   <p id=multi5></p>
</body>
<script>
   const a = 20 * 2;
   let c = false * '20';
   let d = 20 * true;
   let xa = "20 * 2 = ";
   let xc = "false * '20' = ";
   let xd = "20 * true = ";
   document.getElementById('multi1').innerHTML = xa + a;
   document.getElementById('multi3').innerHTML = xc + c;
   document.getElementById('multi5').innerHTML = xd + d;
</script>
</html>

在 JavaScript 中使用 (/) 運算子進行除法

在 JavaScript 中進行除法時，您可以得到 Infinity 或 -Infinity 等結果。在示例中，我們將看到不同的方法如何產生特定的輸出。

語法

雖然語法看起來很容易解決，但您可能會得到看起來不同的輸出。在 JavaScript 中，當您將任何東西除以 0 或 false 時，您將得到 Infinity 或 -Infinity 作為答案。

const a = 5 / 0;
let c = -5/ false;
let d = 20 / true;

示例

這是一個您可以自己嘗試並檢查結果的示例。如果您將任何數字除以 true，則結果將得到相同的數字。

<html>
<body>
   <p id=div1></p>
   <p id=div3></p>
   <p id=div5></p>
</body>
<script>
   const a = 5 / 0;
   let c = -5/ false;
   let d = 20 / true;
   let xa = "5 / 0 = ";
   let xc = "-5 / false = ";
   let xd = "20 / true = ";
   document.getElementById('div1').innerHTML = xa + a;
   document.getElementById('div3').innerHTML = xc + c;
   document.getElementById('div5').innerHTML = xd + d;
</script>
</html>

在使用 JavaScript 建立網站或遊戲時，您需要了解進行基本數學運算的方法。因此，您應該嘗試上述示例並瞭解結果之間的區別。

更新於：2022年8月23日

185 次瀏覽

啟動您的 職業生涯

透過完成課程獲得認證

開始
廣告
© . All rights reserved.