如何在JavaScript中交换两个变量

2020/10/23 08:22 · javascript ·  · 0评论

我有两个变量:

var a = 1,
    b = 2;

我的问题是如何交换它们?仅此变量,没有任何对象。

这是交换两个变量的值的单行代码。

给定变量
ab

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已经支持它)(解构分配数组匹配):

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中如此)。维护代码的任何人(包括从现在开始六个月的代码)都将确切知道发生了什么。

由于这些是整数,因此您也可以使用任意数量的巧妙技巧1进行交换,而无需使用第三个变量。例如,您可以使用按位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交换算法。其操作原理在此Wikipedia文章中进行了描述

1 “有能力的程序员完全意识到自己头骨的大小。因此,他要谦卑地完成任务,并避免诸如瘟疫之类的狡猾trick俩。” —埃格·迪克斯特拉(Essger W. Dijkstra)

不要使用下面的代码。这是交换两个变量的值是推荐的方式(简单地用一个临时变量为)。它只是显示了一个JavaScript技巧。

该解决方案不使用临时变量,不使用数组,仅使用一个加法,并且速度很快实际上,有时比几个平台上的临时变量要快


它适用于所有数字,永不溢出,并处理诸如Infinity和NaN之类的边缘情况。

a = b + (b=a, 0)

它分两个步骤工作:

  • (b=a, 0)b到旧的价值a和收益率0
  • a = b + 0设置a为的旧值b

从ES6开始,您还可以更优雅地交换变量:

var a = 1,
    b = 2;

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

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

这是一个单线假设ab并且已经存在并且需要交换值:

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

正如@Kay所提到的,这实际上比数组方式要好(几乎快2)。

现在,您终于可以执行以下操作:

let a = 5;
let b = 10;

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

console.log(a, b);

使用第三个变量,如下所示:

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

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

演示-使用第三个变量


ES6 +方法:从ES6开始,您可以更优雅地交换变量。您可以使用解构分配数组匹配。很简单 var a = 10 b = 20;

[a,b] = [b,a]

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

您可以使用临时交换变量或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

由于您的问题很宝贵,“只有这个变量,没有任何对象。”,答案也很重要:

var 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,_);

最后一个公开了全局变量“ _”,但这并不重要,因为典型的javascript约定是将其用作“ dont care”变量。

我在这里看到一种编程奥林匹克的方式。一种更棘手的单行解决方案:

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个//,然后使用一组代码运行

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

直到ES5,要交换两个数字,您必须创建一个temp变量,然后交换它。但是在ES6中,使用数组解构很容易交换两个数字。参见示例。

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

ES6数组解构用于交换两个变量。看例子

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

使用以下更简单的方法:

x === 1y === 2; 但拆解后,xy的,即2,和yx,即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数组解构语法,[y, x] = [x, y]
有关更多信息,请参阅此链接
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

因为我听说此方法运行速度较慢:

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交换两个值而无需额外的参数

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

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

使用按位交换

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));

本文地址:http://javascript.askforanswer.com/ruhezaijavascriptzhongjiaohuanlianggebianliang.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!