I have this two variables:
var a = 1,
b = 2;
My question is how to swap them? Only this variables, not any objects.
I have this two variables:
var a = 1,
b = 2;
My question is how to swap them? Only this variables, not any objects.
Here's a one-liner to swap the values of two variables.
Given variables a
and b
:
b = [a, a = b][0];
Demonstration below:
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>
Invalid left-hand side in assignment
error.
– Nope
Apr 24 '13 at 21:02
ES6 (Firefox and Chrome already support it (Destructuring Assignment Array Matching)):
let a = 5, b = 6;
[a, b] = [b, a];
console.log(`${a} ${b}`);
You can do this:
var a = 1,
b = 2,
tmp;
tmp = a;
a = b;
b = tmp;
For readability and maintainability, this can't be beat (at least in JavaScript). Anybody maintaining the code (including you six months from now) will know exactly what's going on.
Since these are integers, you can also use any number of clever tricks1 to swap without using a third variable. For instance you can use the bitwise xor operator:
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);
This is called the XOR swap algorithm. Its theory of operation is described in this Wikipedia article.
1"The competent programmer is fully aware of the limited size of his own skull. He therefore approaches his task with full humility, and avoids clever tricks like the plague." — Edsger W. Dijkstra
ToInt32
internal method—see Section 11.10 of the ECMAScript standard). It does not produce the correct results for non-integer numerical values. It also converts non-numeric values to 32-bit integers. If you start with a = "hi"
and b = "there"
, you end up with a == 0
and b == 0
.
– Ted Hopp
Jan 16 '15 at 17:25
typeof a == 'boolean'
or a === false
, for example. Real numbers work, except they're floored toward zero versus rounded to the nearest integer.
– Beejor
Sep 21 '16 at 0:48
Don't use the code below. It is not the recommended way to swap the values of two variables (simply use a temporary variable for that). It just shows a JavaScript trick.
This solution uses no temporary variables, no arrays, only one addition, and it's fast.
In fact, it is sometimes faster than a temporary variable on several platforms.
It works for all numbers, never overflows, and handles edge-cases such as Infinity and NaN.
a = b + (b=a, 0)
It works in two steps:
(b=a, 0)
sets b
to the old value of a
and yields 0
a = b + 0
sets a
to the old value of b
,
, and it has been wrapped to set the precedence right. The comma operator evaluates both of its arguments (in this case b=a
and 0
) and returns the last (in this case 0
). So here, it has the effect of setting the new b
to the old value of a
, while yielding 0
.
– Ruben Verborgh
Mar 27 '14 at 8:12
a = b + (b=a, "")
– user1106925
Sep 24 '14 at 21:41
Since ES6, you can also swap variables more elegantly:
var a = 1,
b = 2;
[a, b] = [b, a];
console.log('a:', a, 'b:', b); // a: 2 b: 1
Here's a one-liner, assuming a
and b
exist already and have values needing to be swapped:
var c=a, a=b, b=c;
As @Kay mentioned, this actually performs better than the array way (almost 2x as fast).
var a, b, tmp;
a = 1
; b = 2
; tmp=a, a=b, b=tmp;
Personal taste.
– Johnny Wong
Jun 15 '15 at 3:07
ES6+ method: Since ES6, you can swap variables more elegantly. You can use destructuring assignment array matching. It’s simply. var a=10 b=20;
[a, b] = [b, a]
console.log(a,b) // 20 10
Use a third variable like this:
var a = 1,
b = 2,
c = a;
a = b; // must be first or a and b end up being both 1
b = c;
DEMO - Using a third variable
You can now finally do:
var a = 5;
var b = 10;
[a, b] = [b, a]; // ES6
console.log(a, b);
You could use a temporary swap variable or XOR.
a = a ^ b
b = a ^ b
a = a ^ b
This is just a basic logical concept and works in every language that supports XOR operation.
edit: see the Comments. Forgot to tell that this works for sure only with integer. Assumed the integer variables from question's thread
ES6 Destructuring:
Using an array: [a, b] = [b, a]; // my favorite
Using an object: {a, b} = {a:b, b:a}; // not bad neither
As your question was precious "Only this variables, not any objects. ", the answer will be also precious:
var a = 1, b = 2
a=a+b;
b=a-b;
a=a-b;
it's a trick
And as Rodrigo Assis said, it "can be shorter "
b=a+(a=b)-b;
How could we miss these classic oneliners
var a = 1, b = 2
a = ({a:b, _:(b=a)}).a;
And
var a = 1, b = 2
a = (_=b,b=a,_);
The last one exposes global variable '_' but that should not matter as typical javascript convention is to use it as 'dont care' variable.
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);
remove or comment the 2 //or's and run with the one set of code
In ES6 now there is destructuring assignment and you can do:
let a = 1;
let b = 2;
[b, a] = [a, b] // a = 2, b = 1
You can use ES6 destructuring assignment like so:
let a = 10;
let b = 20;
[a, b] = [b, a];
console.log(a, b); // a = 20, b = 10
We are able to swap var like this :
var val1 = 117,
val2 = 327;
val2 = val1-val2;
console.log(val2);
val1 = val1-val2;
console.log(val1);
val2 = val1+val2;
console.log(val2);
let a = 2, b = 4;
[b, a] = [a, b];
a more verbose approach would be
let a = 2, b = 4;
a = [a, b];
b = a[0];
a = a[1];
I see kind of programming olympiad here. One more tricky one-line solution:
b = (function(){ a=b; return arguments[0]; })(a);
arguments
, just do b = (function (x){ return x; })(a, a=b)
.
– Ruben Verborgh
Dec 11 '13 at 23:05
a
to arguments[0]
by passing it as a parameter.
– Ruben Verborgh
Dec 12 '13 at 16:58
arguments
and its assignation happens "behind the scenes"
– Cherniv
Dec 12 '13 at 17:31
It's very simple, use the ES6 array destructuring syntax
which is [y, x] = [x, y]
for more information consult this link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment