当前位置：首页 > 资讯 > 技术文档

JavaScript两个变量交换值的实现方法

时间：2021-06-25 22:16 编辑：来源：阅读：
扫一扫，手机访问

摘要：JavaScript两个变量交换值的实现方法

[b]概要[/b] 本文主要描述，如何不使用中间值，将两个变量的值进行交换。 [b]一、普通做法[/b]

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

普通的做法就是声明多一个临时变量tmp，进行数据交换过程中的缓存。这样的做法直观，易懂。但是，会增加内存的使用。 [b]二、算术运算[/b]

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

通过算术运算过程中的技巧，可以巧妙地将两个值进行互换。但是，有个缺点就是变量数据溢出。因为JavaScript能存储数字的精度范围是 -253 到 253。所以，加法运算，会存在溢出的问题。 [b]三、异或运算[/b]

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

本题巧用位运算的技巧，利用 a ^ b ^ b == a 的特点，进行数值交换，避免了使用算术运算带来的弊端，不会发生溢出问题。 [b]四、ES6的解构[/b]

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

用解构的语法特性，一次性解决，简单暴力，哈哈哈~ [b]更重要的一点[/b]：解构语法还适用于其他类型的变量进行互换。所以，用解构可以很easy地进行互换。以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程素材网！

全部评论(0)

上一篇：Js的Array数组对象详解
下一篇：JS实现浏览器菜单命令

资讯排行榜
更多>>