copyWithin：數組元素拷貝重載

在JavaScript中，數組是一種常用的數據結構。與其他編程語言不同的是，JavaScript數組可以存儲任何數據類型的元素，包括數字、字元串、對象等。而copyWithin()是JavaScript數組的一個內置方法，用於將數組中指定位置的元素拷貝至另一位置。下面，我們將從多個方面探討這個有趣而實用的方法。

一、copyWithin是如何讀取的？

copyWithin()方法接收三個參數，第一個參數是目標位置的下標，第二個參數是源位置的下標，第三個參數是拷貝元素的數量。其中，源位置和目標位置都是基於數組索引的，從0開始。如果省略第二個和第三個參數，則copyWithin()默認將整個數組拷貝至目標位置。

下面是一個簡單的示例，演示了copyWithin()方法的使用：

// 將數組[1, 2, 3, 4, 5]中下標為0的元素拷貝至下標為3的位置
let arr = [1, 2, 3, 4, 5];
arr.copyWithin(3, 0, 1);
console.log(arr); // [1, 2, 3, 1, 5]

如上所示，copyWithin()方法將數組a中下標為0的元素值1拷貝至了下標為3的位置。由於第三個參數為1，所以僅拷貝了一個元素。拷貝後的數組為[1, 2, 3, 1, 5]。

二、copyWithn的 cope with

除了基本的使用，copyWithin()方法還與其他數組方法有著千絲萬縷的聯繫，這裡我們將從三個角度闡述copyWithin()的應用。

1. 元素交換

有時我們需要將數組中的兩個元素進行交換，這時候就可以使用copyWithin()方法。如下面的例子，演示了如何使用copyWithin()方法交換數組中的兩個元素：

// 將數組[1, 2, 3, 4, 5]中下標為0和下標為3的元素進行交換
let arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 3, 4);
arr.copyWithin(3, 1, 2);
console.log(arr); // [4,2,3,1,5]

如上所示，先將下標為3的元素4拷貝至下標為0的位置，再將下標為1的元素2拷貝至下標為3的位置，便實現了兩個元素的交換。

2. 數組填充

有時候，我們需要使用同一個值來填充數組的多個位置，而copyWithin()方法可以輕鬆實現這一需求。下面示例演示了如何使用copyWithin()方法對數組進行填充：

// 將數組[1, 2, 3, 4, 5]中下標為0-2的元素用值0進行填充
let arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 0, 3).fill(0, 3, 5);
console.log(arr); // [0, 0, 0, 4, 5]

如上所示，首先將下標為0-2的元素都拷貝至下標為0-2的位置，然後再使用fill()方法將下標為3-4的元素填充為0，最終得到的數組為[0, 0, 0, 4, 5]。

3. 數組反轉

使用copyWithin()方法，我們還可以實現數組反轉的功能。以下代碼演示了如何使用copyWithin()方法進行數組反轉：

// 將數組[1, 2, 3, 4, 5]反轉
let arr = [1, 2, 3, 4, 5];
let len = arr.length;
arr.copyWithin(0, len - 1);
arr.length = len;
console.log(arr); // [5, 4, 3, 2, 1]

如上所示，我們將最後一個元素拷貝至第一個位置，然後將數組長度重置為原有長度，便實現了數組反轉。

三、copyWithin的應用場景

除了上述示例外，copyWithin()方法還有很多應用場景。比如，我們可以使用copyWithin()方法創建一個滑動窗口，用於解決某些演算法問題。

以下代碼示例演示了如何使用copyWithin()方法實現滑動窗口：

// 返回數組arr中長度為k的最大子數組之和
function maxSubarraySum(arr, k) {
  let max = 0;
  for (let i = 0; i < k; i++) {
    max += arr[i];
  }
  let sum = max;
  for (let i = k; i < arr.length; i++) {
    sum = sum + arr[i] - arr[i - k];
    max = Math.max(max, sum);
  }
  return max;
}
let arr = [1, 2, 3, 4, 5, 6, 7];
console.log(maxSubarraySum(arr.copyWithin(0, 3, 5), 2)); // 11

如上代碼示例中，我們將[1, 2, 3, 4, 5, 6, 7]中下標為3-4的元素拷貝至第一個位置，得到了[4, 5, 3, 4, 5, 6, 7]這個滑動窗口，再使用maxSubarraySum()函數求出長度為2的最大子數組之和。

小結

copyWithin()是JavaScript數組的一個實用方法，可以進行元素拷貝、填充、交換、反轉等操作。在實際應用中，我們可以通過使用copyWithin()方法，編寫出更為高效的代碼。