JavaScript - Array fill() 方法

JavaScript 的 Array.fill() 方法用於使用指定的值填充陣列的所有元素。fill() 方法會修改原始陣列，並在原地返回修改後的陣列。它不會建立新的陣列。

以下是 JavaScript Array.fill() 方法的行為：

如果 "start" 為負數，則將其視為 array.length + start。
如果 "end" 為負數，則將其視為 array.length + end。
如果 "start" 大於或等於 end，則陣列將不會被修改。

語法

以下是 JavaScript Array fill() 方法的語法：

array.fill(value, start, end);

引數

此方法接受三個引數。下面描述了這些引數：

value − 用於填充陣列的值。
start (可選) − 開始填充陣列的索引。如果未提供，則預設值為 0。
end (可選)− 停止填充陣列的索引。如果未提供，則陣列將填充到最後一個索引。

返回值

此方法修改原始陣列並返回修改後的陣列。

示例

示例 1

在下面的示例中，我們使用 JavaScript Array fill() 方法將所有元素填充為值“Dinosaur”：

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant"];
      document.getElementById("demo").innerHTML = animals.fill("Dinosaur");
   </script>
</body>
</html>

輸出

如我們所見，陣列中的所有元素都填充了“Dinosaur”。

Dinosaur,Dinosaur,Dinosaur,Dinosaur

示例 2

在這裡，我們向 fill() 函式傳遞了一個指定的值“Dinosaur”和一個起始索引“2”。

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant"];
      document.getElementById("demo").innerHTML = animals.fill("Dinosaur", 2);
   </script>
</body>
</html>

輸出

執行上述程式後，陣列的第三個和第四個元素將填充為“Dinosaur”。

Lion,Cheetah,Dinosaur,Dinosaur

示例 3

以下程式將值“Dinosaur”從陣列的第二個元素填充到第四個元素。

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant"];
      document.getElementById("demo").innerHTML = animals.fill("Dinosaur", 1, 4);
   </script>
</body>
</html>

輸出

執行上述程式後，從第二個元素到第四個元素，都將填充為值“Dinosaur”。

Lion,Dinosaur,Dinosaur,Dinosaur

列印頁面