JavaScriptで2つの変数を交換する方法

私はこの2つの変数を持っています：

var a = 1,
    b = 2;

私の質問は、それらを交換する方法ですか？オブジェクトではなく、この変数のみ。

これは、2つの変数の値を交換するためのワンライナーです。
与えられた変数aとb：

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

以下のデモ：

var a=1,
    b=2,
    output=document.getElementById('output');

output.innerHTML="<p>Original: "+a+", "+b+"</p>";

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

output.innerHTML+="<p>Swapped: "+a+", "+b+"</p>";

<div id="output"></div>

ES6（FirefoxおよびChromeは既にサポートしています（Destructuring Assignment Array Matching））：

let a = 5, b = 6;
[a, b] = [b, a];
console.log(`${a} ${b}`);

あなたはこれを行うことができます：

var a = 1,
    b = 2,
    tmp;
tmp = a;
a = b;
b = tmp;

可読性と保守性のために、これは（少なくともJavaScriptでは）打ち負かすことはできません。コードを保守している人（6か月後を含む）は、何が起こっているのかを正確に把握できます。

これらは整数であるため、3番目の変数を使用せずに、任意の数の巧妙なトリック¹を使用してスワップすることもできます。たとえば、ビットごとのxor演算子を使用できます。

let a = 1, b = 2;
a = a ^ b;
b = a ^ b;
a = a ^ b;
    
console.log('a is now:', a);
console.log('b is now:', b);

これはXORスワップアルゴリズムと呼ばれます。その動作理論は、このウィキペディアの記事で説明されています。

¹ 「有能なプログラマーは、自分の頭蓋骨のサイズが限られていることを十分に認識しています。したがって、彼は十分な謙虚さで仕事に取り組み、ペストのような巧妙なトリックを回避します。」— Edsger W. Dijkstra

以下のコードは使用しないでください。それはない（単に二つの変数の値を交換するために推奨される方法の一時的な変数を使用そのために）。JavaScriptのトリックを示しているだけです。

このソリューションは、一時変数、配列、追加を1つだけ使用せず、高速です。実際、いくつかのプラットフォームでは、一時変数よりも高速な場合があります。
すべての数値で機能し、オーバーフローすることはなく、InfinityやNaNなどのエッジケースを処理します。

a = b + (b=a, 0)

これは2つのステップで機能します。

• (b=a, 0)bの古い値に設定し、ayields0
• a = b + 0a古い値に設定しますb

ES6以降、変数をよりエレガントに交換することもできます：

var a = 1,
    b = 2;

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

console.log('a:', a, 'b:', b); // a: 2 b: 1

ここで仮定して、ワンライナーだaとbすでに存在しているとスワップされる必要が値を持っています：

var c=a, a=b, b=c;

@Kayが述べたように、これは実際には配列方式よりもパフォーマンスが優れています（ほぼ2倍高速）。

次のような3番目の変数を使用します。

var a = 1,
    b = 2,
    c = a;

a = b; // must be first or a and b end up being both 1
b = c;

デモ-3番目の変数の使用

ES6 +メソッド：ES6以降、変数をよりエレガントに交換できます。構造化代入配列マッチングを使用できます。それは単にです。var a = 10 b = 20;

[a、b] = [b、a]

console.log（a、b）// 20 10

あなたは今やすることができます：

let a = 5;
let b = 10;

[a, b] = [b, a]; // ES6

console.log(a, b);

一時的なスワップ変数またはXORを使用できます。

a = a ^ b
b = a ^ b
a = a ^ b

これは基本的な論理概念であり、XOR演算をサポートするすべての言語で機能します。

編集：コメントを参照してください。これが整数でのみ確実に機能することを伝えるのを忘れていました。質問のスレッドからの整数変数を想定

ES6の破壊的な割り当ては次のように使用できます。

let a = 10;
let b = 20;

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

console.log(a, b); // a = 20, b = 10

あなたの質問は「この変数のみで、オブジェクトではない」という貴重なものだったので、答えも貴重です。

変数a = 1、b = 2

a=a+b;
b=a-b;
a=a-b;

それはトリックであり、

そしてロドリゴ・アシスが言ったように、それは「短くなることができる」

 b=a+(a=b)-b;

デモ：http : //jsfiddle.net/abdennour/2jJQ2/

ES6の破壊：

配列を使用する： [a, b] = [b, a]; // my favorite

オブジェクトの使用： {a, b} = {a:b, b:a}; // not bad neither

これらの古典的なワンライナーをどうやって見逃すことができますか

var a = 1, b = 2
a = ({a:b, _:(b=a)}).a;

そして

var a = 1, b = 2
a = (_=b,b=a,_);

最後の1つはグローバル変数「_」を公開しますが、一般的なJavaScriptの慣例では、それを「ドントケア」変数として使用するため、問題にはなりません。

私はここに一種のプログラミングオリンピックを見る。もう1つのトリッキーな1行のソリューション：

b = (function(){ a=b; return arguments[0]; })(a);

フィドル：http : //jsfiddle.net/cherniv/4q226/

単一行スワッピング

a = a^b^(b^=(a^b));

var a = 5;
var b = 10;

b = [a, a = b][0];
//or
b = [a, a = b];
b = b[0];

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


alert("a=" + a + ',' + "b=" + b);

2つのORを削除またはコメントして、1セットのコードで実行します

http://jsfiddle.net/USdv8/57/

次のようにvarを交換できます。

var val1 =  117,
    val2 = 327;

val2 = val1-val2; 
console.log(val2);
val1 = val1-val2;
console.log(val1);
val2 = val1+val2;
console.log(val2);

ES6には、破壊的な割り当てがあり、次のことができます。

let a = 1;
let b = 2;
[b, a] = [a, b]  // a = 2, b = 1

let a = 2, b = 4;
[b, a] = [a, b];

より冗長なアプローチは

let a = 2, b = 4;
a = [a, b];
b = a[0];
a = a[1];

それは非常に簡単 です。詳細については、このリンクを参照してくださいES6配列分解構文を使用してくださいhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment[y, x] = [x, y]

ES5まで、2つの数値を交換するには、一時変数を作成してから交換する必要があります。しかしES6では、配列の構造化を使用して2つの数値を交換するのは非常に簡単です。例を参照してください。

let x,y;
[x,y]=[2,3];
console.log(x,y);      // return 2,3

[x,y]=[y,x];
console.log(x,y);      // return 3,2

このメソッドの実行速度が遅いと聞いたので：

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

varをオブジェクト（または配列）に格納する場合は、この関数が機能するはずです。

function swapVars(obj, var1, var2){
    let temp = obj[var1];
    obj[var1] = obj[var2];
    obj[var2] = temp;
}

使用法：

let test = {a: 'test 1', b: 'test 2'};

console.log(test); //output: {a: 'test 1', b: 'test 2'}

swapVars(test, 'a', 'b');

console.log(test); //output: {a: 'test 2', b: 'test 1'}

IIFEを使用して、追加のパラメーターなしで2つの値を交換できます。

var a = 5, b =8;
b = (function(a){ 
    return a 
}(a, a=b));

document.write("a: " + a+ "  b:  "+ b);

ES6配列の非構造化は、2つの変数を交換するために使用されます。例を見る

var [x,y]=[1,2];
[x,y]=[y,x];

より簡単な方法：

x === 1そしてy === 2; しかし、解体後、xis y、つまり2、およびyis x、つまり1です。

ビットワイズを使用してスワップ

let a = 10;
let b = 20;
a ^= b;
y ^= a;
a ^= b;

「配列を使用する」単一行スワップ

[a, b] = [b, a]

（function（A、B）{b = A; a = B;}）（parseInt（a）、parseInt（b））;