如何在 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.