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