JavaScript - Array.copyWithin() 方法

在 Javascript 中，Array.copyWithin() 方法用於將陣列元素從一個位置複製到指定陣列中的另一個位置。此方法在複製元素後返回修改後的陣列。

copyWithin() 方法會覆蓋陣列中現有的元素，而不會更改其長度。此方法不會向陣列新增任何“新”項。

如果任何引數為負數，則索引將向後計數。例如，-1 代表最後一個元素，依此類推。

語法

以下是 Javascript Array.copyWithin() 方法的語法：

copyWithin(target, start, end)

引數

此方法接受三個引數。如下所述：

target − 複製的元素應貼上到的索引。
start − 複製應開始的索引（預設值為 0）。
end (可選) − 複製應結束的索引（預設值為陣列長度）。

返回值

此方法返回包含已複製元素的修改後的陣列。

示例

示例 1

在下面的示例中，我們使用 Javascript Array.copyWithin() 方法從索引 0 開始複製元素，並將它們從索引 3 開始放置：

<html>
<body>
   <script>
      const array = ['apple', 'banana', 'cherry', 'date', 'grapes'];
      array.copyWithin(3, 0);
      document.write(array);
   </script>
</body>
</html>

輸出

apple,banana,cherry,apple,banana

示例 2

在下面的示例中，我們複製最後兩個元素，並將它們放在索引 -3（從末尾計數）：

<html>
<body>
   <script>
      const array = ['apple', 'banana', 'cherry', 'date', 'grapes'];
      array.copyWithin(-3, -2);
      document.write(array);
   </script>
</body>
</html>

輸出

apple,banana,date,grapes,grapes

示例 3

在這裡，我們從索引 1 到索引 3 複製元素，並將它們從索引 0 開始放置：

<html>
<body>
   <script>
      const array = ['apple', 'banana', 'cherry', 'date', 'grapes'];
      array.copyWithin(0, 1, 4);
      document.write(array);
   </script>
</body>
</html>

輸出

banana,cherry,date,date,grapes

列印頁面