昨天一个前端群里有人出了一个问题,是关于javascript中变量交换的问题,自己私下好好研究了一番,总结如下:
数字交换可能是这里面方法最为丰富的一种了,因为可以用数学计算的方法来做,若是字符串、对象则不可以。
借助接三方变量
这大概是最直观的方法了。不过,这种方法又分为好几种形式。直接哪一个例子来说。
var a=1,b=2;
交换a,b的值。
var a = 1,
b = 2;
1.借助变量temp来交换a,b的值,最常见的一种,不用多说。
var temp = a;
a = b;
b = temp;
console.log(a); //2
console.log(b); //1
2.借助一个匿名数组来交换a,b的值;
根据赋值运算符的运算方向,先计算表达式右边;
[b,b = a] // 把b,a放入一个匿名数组,第二个元素把a的值赋给b;
[b,b = a][0] // 取出匿名数组第0个值即b;
a = [b,b = a][0] // 将取出的值赋给a,交换完成。
a = [ b,b = a][0];
console.log(a); //2
console.log(b); //1
3.同上,借助一个匿名数组来交换a,b的值,只不过是写法不同;
不同的是,该方法利用逗号运算符(,)的特性将a的值赋给了b;
在js中,[b][b=a,0]第二个[]中是一个键值,首先将a的值赋给b;
然后再进行逗号运算符的运算,最后取匿名数组[b]的第0个值赋给a,即b本身。
a = [b][b = a,0];
console.log(a); //2
console.log(b); //1
总结:当然还可以用显视数组或者对象交换,这些本质都是借助第三方变量,就不再多说。借助第三方变量的优点是不会出现溢出问题。
用数学计算来交换
var a = 1,
b = 2;
1.求和,然后再求出两个变量;
缺点是存在溢出限制,一旦a+b的值超出了js中所能保存的极限,就会出错。
a += b;
b = a - b;
a -= b;
console.log(a); //2
console.log(b); //1
2.巧妙利用乘法。
a = b + (b = a)*0;
console.log(a); //2
console.log(b); //1
3.利用位运算;
不会出现溢出问题。
a ^= b;
b ^= a;//其实这一步是这样的b=b^(a^b)=b^b^a=0^a=a
a ^= b;//同样a=a^b=(a^b)^a=b;
console.log(a); //2
console.log(b); //1
最后娱乐一下
这是最后一种方法,大家笑笑即好。
a = 2;
b = 1;
console.log(a); //2
console.log(b); //1