JavaScript兩個變量的值交換的多種方式

前言

該文是在看別人博客的時候發現的，很有趣的一篇文章，這里摘錄到自己的簡書中，供給各位讀者學習
本文主要描述，如何不使用中間值，將兩個變量的值進行交換。
前三種只適用於number類型的數值交換，第四和第五種適合其他類型。

簡書原文

https://www.jianshu.com/p/64a503c762e9

一、普通做法

普通的做法就是聲明多一個臨時變量tmp，進行數據交換過程中的緩存。這樣的做法直觀，易懂。但是，會增加內存的使用。

var a = 1,
    b = 2,
    tmp;

tmp = a;
a = b;
b = tmp;

二、算術運算

通過算術運算過程中的技巧，可以巧妙地將兩個值進行互換。但是，有個缺點就是變量數據溢出。因為JavaScript能存儲數字的精度范圍是 -253 到 253。所以，加法運算，會存在溢出的問題。

var a = 1,
    b = 2;

a = a + b; // a = 3, b = 2
b = a - b; // a = 3, b = 1
a = a - b; // a = 2, b = 1

三、異或運算

本題巧用位運算的技巧，利用 a ^ b ^ b == a 的特點，進行數值交換，避免了使用算術運算帶來的弊端，不會發生溢出問題。

var a = 1, // 二進制：0001
    b = 2;  // 二進制：0010

a = a ^ b; // 計算結果：a = 0011, b = 0010
b = a ^ b; // 計算結果：a = 0011, b = 0001
a = a ^ b; // 計算結果：a = 0010, b = 0001

四、ES6的解構

用解構的語法特性，一次性解決，簡單暴力，哈哈哈~
更重要的一點：解構語法還適用於其他類型的變量進行互換。所以，用解構可以很easy地進行互換。

let a = 1,
    b = 2;

[a, b] = [b, a];

五、利用數組特性進行交換

var a = 1,
    b = 2;

a = [a, b];
b = a[0];
a = a[1];

參考網址

JavaScript兩個變量交換值（不使用臨時變量）：https://wangxiaokai.vip/posts/2017-02-27-exchange-value/