如何在 JavaScript 中去除數字前導零？

在本教程中，我們將探討如何在 JavaScript 中去除任何數字的前導零。JavaScript 會自動去除整數變數中的前導零，但對於 JavaScript 中的字串則並非如此。JavaScript 中表示數值的字串可能包含前導零。

當我們嘗試對字串表示的數值執行任何操作時，這些前導零可能會導致問題。這就是我們將探討在 JavaScript 中如何去除以字串形式表示的數字的前導零的方法的原因。

使用 JavaScript 中的 parseInt() 方法

在 JavaScript 中去除以字串形式表示的數字的前導零最簡單的方法之一是使用parseInt() 方法。但是怎麼做呢？首先，讓我們看看這個函式的基本作用。

JavaScript 中的 parseInt() 函式基本上將數值字元的字串作為輸入並將其轉換為整數。基本上，此方法返回由作為輸入傳遞給它的字串表示的數值，以 JavaScript 中整數的形式。

現在，正如我們前面討論的，有效的 JavaScript 整數不包含前導零，如果我們使用 JavaScript 中的 parseInt() 方法解析字串並將其轉換為整數，它將不包含任何前導零，從而解決了我們的問題。因此，我們可以將包含前導零的字串作為輸入傳遞給 parseInt() 函式，並獲得不包含任何前導零的數字。

現在讓我們來看看 JavaScript 中 parseInt() 函式的語法和引數。

語法和引數

parseInt() 函式的語法為：

parseInt(s , r);

讓我們詳細瞭解這兩個引數。

  • s - 這表示要轉換為整數的字串。這是一個必需引數。

  • r - 這是一個可選引數，它表示字串數值的基數或進位制。如果未提供值，則根據作為輸入傳遞的字串假設基數。

即使第二個引數是可選的，它也不總是預設為 10，因此最好是連同字串一起傳遞基數，以便正確解析。

示例

在下面的示例中，我們使用parseInt() 方法去除數字 (00378) 的前導零。

<!DOCTYPE html>
<html>
<body>
   <script>
      var num = "00378";
      document.write("Original number was : " + num);

      var int_num = parseInt(num,10);
      document.write("<br>Parsed number is : " + int_num);
   </script>
</body>
</html>

在上面的示例程式碼中，字串 num 最初包含前導零。為了去除這些零，我們將字串作為輸入傳遞給 parseInt() 函式，並將基數設定為 10，因為字串表示十進位制數。當我們輸出最終值時，數字的值中已去除前導零。

使用 JavaScript 中的字串 replace() 方法

JavaScript 字串有一個名為replace() 的方法，我們可以向其傳遞兩個字串 - 模式和替換，該方法將用提供的替換替換模式的所有出現。準確地說，使用此方法，我們可以用我們想要的任何內容替換字串中特定模式的所有出現。因此，透過使用此方法，我們可以將字串中的前導零替換為空字串，從而將其去除。

讓我們看看 JavaScript 中 replace() 方法的語法和引數。

語法和引數

replace 函式的語法為：

s.replace(pattern, replacement);

這裡s 是我們要在其中替換某些模式的字串。讓我們詳細瞭解這兩個引數：

  • pattern - 這指的是字串 s 的子字串，它將被轉換為其他內容，即要替換的子字串。此引數不僅可以是字串，還可以是表示要在字串 s 中查詢和替換的模式的正則表示式。只會替換 s 中模式的第一次出現，但如果在此引數中提供帶有全域性修飾符“g”的正則表示式，則將替換字串 s 中該正則表示式的所有匹配項。當然，這是一個必需引數。

  • replacement - 這表示將取代字串 s 中模式的字串。模式的每次出現都將被替換為此內容。請注意，此引數也可以是一個函式，該函式返回將用作 s 中模式每次出現的替換的字串。

示例

在下面的示例程式碼中，我們使用了這兩種方法，字串方法和正則表示式方法來去除前導零。正則表示式/^0+/ 表示字串開頭後跟任意數量字元的所有零。

<!DOCTYPE html>
<html>
<body>
   <script>
      var num = "00378";
      document.write("Original number was : " + num);

      var replaced_num = num.replace("00","");
      document.write("<br>Replaced number is : " + replaced_num);

      var regex_num = num.replace(/^0+/,"");
      document.write("<br>Regex replaced number is : " + replaced_num);
   </script>
</body>
</html>

結論

在本教程中，我們看到了如何使用兩個內建 JavaScript 函式去除 JavaScript 字串中的前導零。它們是：

  • JavaScript 中的parseInt() 方法，它將字串轉換為數字，從而去除前導零。

  • JavaScript 中的string.replace() 方法，用於替換任何字串中的模式，因此我們可以用空字元替換前導零。

更新於：2022年11月7日

19K+ 次瀏覽

啟動您的 職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.