JavaScript 用前导零填充数字

String原型属性 用于在数字前填充前导零。该属性允许向现有对象类型添加新属性和方法。

语法：

object.prototype.name = value

返回值： 它返回一个对String.prototype对象的引用。

示例1： 此示例通过创建一个函数来为数字添加前导零，如果数字小于提供的宽度，则在此函数内添加前导零。

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<p id="GFG_UP" style="font-size: 16px;"></p> 
  
<button onclick="gfg_Run()"> 
    click here 
</button> 
  
<p id="GFG_DOWN" style="color:green; 
                    font-size: 20px; font-weight: bold;"> 
</p> 
  
<script> 
    var el_up = document.getElementById("GFG_UP"); 
    var el_down = document.getElementById("GFG_DOWN"); 
    var num = 2213; 
    el_up.innerHTML = 'Number = ' +num; 
    function pad(n, width) { 
        n = n + ''; 
        return n.length >= width ? n : 
            new Array(width - n.length + 1).join('0') + n; 
    } 
    function gfg_Run() {                 
        el_down.innerHTML = pad(num, 7); 
    } 
</script>

输出：

JavaScript 用前导零填充数字

示例2： 在这个示例中，通过创建原型 pad ，将前导零添加到一个数字。在这个示例中，我们可以将一个字符串传递给对象，无论我们想用这个数字填充什么。

<h1 style="color:green;"> 
    GeeksForGeeks 
</h1> 
  
<p id="GFG_UP" style="font-size: 16px;"></p> 
  
<button onclick="gfg_Run()"> 
    click here 
</button> 
  
<p id="GFG_DOWN" style="color:green; 
                font-size: 20px; font-weight: bold;"> 
</p> 
  
<script> 
    var el_up = document.getElementById("GFG_UP"); 
    var el_down = document.getElementById("GFG_DOWN"); 
    var num = '2213'; 
    el_up.innerHTML = 'Number = ' + num; 
      
    String.prototype.pad = function(String, len) { 
        var str = this; 
        while (str.length < len) 
            str = String + str; 
        return str; 
    } 
    function gfg_Run() {                 
        el_down.innerHTML = num.pad("0", 9); 
    } 
</script>