資料結構
網路
關係資料庫管理系統(RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究如何在JavaScript中使用前導零填充數字？
在本教程中，我們將學習如何在JavaScript中使用前導零填充數字。
在JavaScript中，可以使用不同的方法來填充數字。在本教程中，我們將看到兩種最常用的方法：
- 使用String padStart() 方法
- 使用Array物件建構函式和 join() 方法
使用String padStart() 方法
在JavaScript中，String物件的 padStart() 方法可用於使用前導零填充數字。它接受兩個引數，第一個是目標或所需字串的總長度，另一個是使用者想要用於填充的字串或字元。要使用此方法，必須先將使用者要填充的數字轉換為字串。
使用者可以按照以下語法在JavaScript中使用 padStart() 方法使用前導零填充數字。
語法
let number = 2 let result = number.toString().padStart(5, '0') console.log(result); // 00002
在上述語法中，padStart() 方法將5作為目標字串長度，“0”是應填充數字的字串或字元。
引數
- 目標長度 − 它表示目標字串的長度。
- 填充字串 − 這是進行填充的字串。
返回型別
- 一個用填充字串填充到目標長度的字串。
示例
在下面的示例中，我們使用了String padStart() 方法使用前導零填充數字。我們使用了按鈕點選事件來填充數字。
<html> <body> <h3> Padding a number with leading zeros in JavaScript using <i> padStart() </i> method </h3> <h4> Pad the number 12 with leading zeros and the total length should be 5 </h4> <button onclick = "padNumber()"> Pad Number </button> <h4 id = "root"> </h4> <script> let root = document.getElementById('root') let number = 12 function padNumber(){ let result = number.toString().padStart(5, '0') root.innerHTML = "Result: " + result } </script> </body> </html>
使用Array物件建構函式和join()方法
這是填充數字的另一種方法。在這種方法中，我們使用JavaScript的Array物件建構函式建立一個與需要填充的零數量相同的元素的陣列。然後，我們用“0”連線它來建立一個填充字串，並將其與數字相加。
語法
let number = 24 let strNumber = number.toString() let targeted_length = 5 let result = '' // padding zeros if(strNumber.length < targeted_length){ let padding = new Array(targeted_length - strNumber.length + 1).join('0') result = padding + strNumber }else{ result = strNumber }
在上述語法中，“result”變數儲存帶有前導零的填充數字的值。
演算法
步驟1 − 宣告一個變數，該變數儲存數字的字串，並宣告目標字串長度。
步驟2 − 如果數字字串的長度小於目標長度，則：
步驟2.1 − 使用Array物件建構函式建立一個長度為target_length – 數字字串長度 + 1的陣列，並使用join()方法用字元“0”連線陣列元素。這將是填充字串。
步驟2.2 − 將填充字串和數字連線起來。這將是結果。
步驟3 − 如果數字字串的長度不小於目標長度，則該數字不需要任何填充。
示例
在下面的示例中，我們使用了Array物件建構函式和 join() 方法使用前導零填充數字。我們使用了按鈕點選事件來填充數字。
<html> <body> <h3> Padding a number with leading zeros in JavaScript using <i> Array object constructor and join() </i> method </h3> <h4> Pad the number 24 with leading zeros and the total length should be 5 </h4> <button onclick = "padNumber()"> Pad Number </button> <h4 id = "root"> </h4> <script> let root = document.getElementById('root') let number = 24 let targeted_length = 5 function padNumber(){ let strNumber = number.toString() if(strNumber.length < targeted_length){ let padding = new Array(targeted_length - strNumber.length + 1).join('0') let result = padding + strNumber root.innerHTML = "Result: " + result } } </script> </body> </html>
我們學習瞭如何使用兩種不同的方法在JavaScript中使用前導零填充數字。第一種方法使用String padStart() 方法，這也是推薦的方法。第二種方法使用Array物件建構函式和join方法進行填充。第一種方法是標準方法，如果使用者不想使用String padStart() 方法，則推薦使用第二種方法。
63K+ 次瀏覽
