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


Posted in Javascript onMarch 01, 2017

概要

本文主要描述,如何不使用中间值,将两个变量的值进行交换。

一、普通做法

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

普通的做法就是声明多一个临时变量tmp,进行数据交换过程中的缓存。这样的做法直观,易懂。但是,会增加内存的使用。

二、算术运算

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。所以,加法运算,会存在溢出的问题。

三、异或运算

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 的特点,进行数值交换,避免了使用算术运算带来的弊端,不会发生溢出问题。

四、ES6的解构

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

用解构的语法特性,一次性解决,简单暴力,哈哈哈~

更重要的一点:解构语法还适用于其他类型的变量进行互换。所以,用解构可以很easy地进行互换。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
js 单引号 传递方法
Jun 22 Javascript
JQuery插件Style定制化方法的分析与比较
May 03 Javascript
JavaScript(js)设置默认输入焦点(focus)
Dec 28 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 Javascript
JavaScript中关联原型链属性特性
Feb 13 Javascript
js实现3d悬浮效果
Feb 16 Javascript
使用live-server快速搭建本地服务器+自动刷新的方法
Mar 09 Javascript
vue获取data数据改变前后的值方法
Nov 07 Javascript
JS实现音乐导航特效
Jan 06 Javascript
jQuery实现获取多选框的值示例
Feb 07 jQuery
JS绘图Flot如何实现可选显示曲线图功能
Oct 16 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
Dec 29 Javascript
js实现仿购物车加减效果
Mar 01 #Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
Mar 01 #Javascript
js实现拖拽功能
Mar 01 #Javascript
js实现下拉菜单效果
Mar 01 #Javascript
JS实现复制功能
Mar 01 #Javascript
node.js利用redis数据库缓存数据的方法
Mar 01 #Javascript
JS三目运算(三元运算)方法详解
Mar 01 #Javascript
You might like
php 引用(&)详解
2009/11/20 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
thinkPHP中_initialize方法实例分析
2016/12/05 PHP
PHP中Cookie的使用详解(简单易懂)
2017/04/28 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
PHP反射原理与用法深入分析
2019/09/28 PHP
常用参考资料(手册)下载或者链接
2006/07/22 Javascript
JavaScript Event学习第八章 事件的顺序
2010/02/07 Javascript
js hover 定时器(实例代码)
2013/11/12 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
2014/06/23 Javascript
js匿名函数的调用示例(形式多种多样)
2014/08/20 Javascript
node.js中的fs.truncate方法使用说明
2014/12/15 Javascript
jquery制作漂亮的弹出层提示消息特效
2014/12/23 Javascript
JavaScript严格模式详解
2017/01/16 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
React Native使用fetch实现图片上传的示例代码
2018/03/07 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
2018/03/24 Javascript
Vue不能检测到Object/Array更新的情况的解决
2018/06/26 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
2019/10/12 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
2020/03/02 Javascript
JavaScript事件委托实现原理及优点进行
2020/08/29 Javascript
python中的sort方法使用详解
2014/07/25 Python
python计算书页码的统计数字问题实例
2014/09/26 Python
python之Socket网络编程详解
2016/09/29 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
Python实现的视频播放器功能完整示例
2018/02/01 Python
基于Python Numpy的数组array和矩阵matrix详解
2018/04/04 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
Python操作配置文件ini的三种方法讲解
2019/02/22 Python
浅谈python标准库--functools.partial
2019/03/13 Python
python框架Django实战商城项目之工程搭建过程图文详解
2020/03/09 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
python3.7调试的实例方法
2020/07/21 Python
优秀学生获奖感言
2014/02/15 职场文书
2014年机关后勤工作总结
2014/12/16 职场文书
聊聊配置 Nginx 访问与错误日志的问题
2022/05/25 Servers