JS交換數組元素位置有3種常見方法。1.es6解構賦值最簡潔，通過[arr[index1], arr[index2]] = [arr[index2], arr[index1]]實現無需臨時變量；2.臨時變量法兼容性好，通過中間變量暫存值完成交換；3.位運算利用異或特性實現數字交換，但僅限數字且可讀性差不推薦使用。三種方法均直接修改原數組，時間復雜度為o(1)，頻繁操作仍需注意性能影響。
數組元素交換位置，本質上就是把兩個索引對應的值互換一下。JS提供了多種方法來實現這個操作，有些更簡潔，有些可能在特定場景下性能更好。
直接賦值，利用ES6的解構賦值，或者借助一個臨時變量，再深入一點，甚至可以研究一下位運算，雖然位運算在JS里用得不多，但某些情況下確實有奇效。
ES6解構賦值：最簡潔的方案
這是我個人最喜歡的，代碼簡潔到爆炸，可讀性也強。
function swap(arr, index1, index2) { [arr[index1], arr[index2]] = [arr[index2], arr[index1]]; return arr; // 可選：返回修改后的數組 } let myArray = [1, 2, 3, 4, 5]; swap(myArray, 1, 3); // 將索引1和3的元素交換 console.log(myArray); // 輸出: [1, 4, 3, 2, 5]
解構賦值的原理是，等號右邊的數組會被解構，然后對應賦值給等號左邊的變量。 這個方法避免了臨時變量，讓代碼看起來更清爽。
使用臨時變量：最經典的方法
這種方法應該是最容易理解的，也是很多編程語言通用的。
function swapWithTemp(arr, index1, index2) { let temp = arr[index1]; arr[index1] = arr[index2]; arr[index2] = temp; return arr; // 可選：返回修改后的數組 } let myArray = [1, 2, 3, 4, 5]; swapWithTemp(myArray, 0, 4); // 將索引0和4的元素交換 console.log(myArray); // 輸出: [5, 2, 3, 4, 1]
這種方式的優點是兼容性好，幾乎所有瀏覽器都支持。 缺點就是代碼稍微冗長了一點。
位運算：一種奇特的思路（不推薦）
位運算在JS里不常用，但理論上可以實現數字的交換，而且不需要額外的臨時變量。 但是，這種方法只適用于數字類型的數組，而且可讀性非常差，不建議在實際項目中使用。
function swapWithBitwise(arr, index1, index2) { arr[index1] = arr[index1] ^ arr[index2]; arr[index2] = arr[index1] ^ arr[index2]; arr[index1] = arr[index1] ^ arr[index2]; return arr; } let myArray = [1, 2, 3, 4, 5]; swapWithBitwise(myArray, 0, 2); console.log(myArray); // 輸出: [3, 2, 1, 4, 5]
位運算的原理是利用異或運算的特性。 簡單來說，a ^ b ^ b 的結果就是 a。 但是，這種方法有很多限制，而且容易出錯，所以還是用前兩種方法比較靠譜。
如何選擇最合適的交換方法？
如果追求代碼簡潔，并且你的項目使用了ES6，那么解構賦值絕對是首選。 如果需要考慮兼容性，或者對ES6不太熟悉，那么使用臨時變量也是一個不錯的選擇。 至于位運算，除非你有特殊的性能需求，否則不建議使用。
交換數組元素位置會影響數組的性能嗎？
理論上，交換數組元素位置是一個O(1)的操作，也就是說，它的時間復雜度是常數級別的，不會隨著數組大小的增加而顯著增加。 但是，如果頻繁地交換大量元素的位置，可能會對性能產生一定的影響。 所以，在實際開發中，要盡量避免不必要的元素交換操作。
除了交換位置，還有哪些常見的數組操作？
數組操作可多了，除了交換位置，還有：
- 添加元素： push()、unshift()
- 刪除元素： pop()、shift()、splice()
- 查找元素： indexOf()、findIndex()、includes()
- 排序： sort()
- 過濾： Filter()
- 映射： map()
- 歸約： reduce()
掌握這些常見的數組操作，可以讓你在JS的世界里游刃有余。
