JavaScript Array fill()用法及代碼示例

下麵是使用一位數字填充的Array fill()方法的示例。

• 例：

  <script> 
      // JavaScript code for fill() method 
      function func() { 
          var arr = [1, 23, 46, 58]; 
    
          // fill array with 87 
          arr.fill(87); 
          document.write(arr); 
      } 
      func(); 
  </script>
• 輸出：

  [87, 87, 87, 87]

arr.fill()方法用於使用給定的靜態值填充數組。該值可以用於填充整個數組，也可以用於填充數組的一部分。句法：

arr.fill(value, start, end)

參數：此方法接受上述和以下所述的三個參數：

• value:它定義了要替換數組元素的靜態值。
• start (Optional):它定義了從起始索引開始，在該索引中將用靜態值填充數組。如果未定義此值，則起始索引為0。如果start為負，則淨起始索引為length + start。
• end (Optional):此參數定義最後一個索引，該數組要用靜態值填充到該索引。如果未定義此值，則默認情況下將arr.length-1的最後一個索引作為結束值。如果末端為負，則淨末端定義為長度+末端。

返回值：此方法不返回新數組。而不是修改該方法在其上應用的數組。

以下示例說明了JavaScript中的Array fill()方法：

• 範例1：在此示例中，方法fill()用87填充整個數組，替換了數組中存在的所有初始值。

  var arr = [1, 23, 46, 58];
  arr.fill(87); 
  

  輸出：

  [87, 87, 87, 87]

• 範例2：在此示例中，方法fill()將索引1到2的數組填充的值比上限索引少1，將其填充為87，從而替換了數組中存在的所有初始值。

  var arr = [1, 23, 46, 58];
  arr.fill(87, 1, 3); 
  

  輸出：

  [1, 87, 87, 58]

• 範例3：在此示例中，方法fill()用87填充從索引1到3的數組，替換了數組中存在的所有初始值。

  var arr = [1, 23, 46, 58];
  arr.fill(87, 2); 
  

  輸出：

  [1, 23, 87, 87]

上述方法的代碼定義如下：

程序1:

<script> 
    // JavaScript code for fill() method 
    function func() { 
        var arr = [1, 23, 46, 58]; 
  
        // Here value = 87, start index=1 
        arr.fill(87, 2); 
        document.write(arr); 
    } 
  
    func(); 
</script>

輸出：

[1, 23, 87, 87]

程序2:

<script> 
    // JavaScript code for fill() method 
    function func() { 
        var arr = [1, 23, 46, 58]; 
  
        // here value = 87, start index=1 and 
        // and last index = 3 
        arr.fill(87, 1, 3); 
        document.write(arr); 
    } 
  
    func(); 
</script>

輸出：

[1, 87, 87, 58]

支持的瀏覽器：下麵列出了JavaScript數組fill()方法支持的瀏覽器：

• 穀歌瀏覽器45.0
• Micosoft Edge 12.0
• Mozilla Firefox 31.0
• Safari 7.1
• Opera 32.0