canvas教程

JavaScript两个变量交换值(不使用临时变量)

字号+ 作者:H5之家 来源:H5之家 2017-03-05 14:00 我要评论( )

概要 本文主要描述,如何不使用中间值,将两个变量的值进行交换。 一、普通做法 var a = 1, b = 2, tmp; tmp = a; a = b; b = tmp; 普通的做法就是声明多一个临时变量tmp,进行数据交换过程中的缓存。这样的做法直观,易懂。但是,会增加内存的使用。 二、算

概要

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

一、普通做法

 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地进行互换。



 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • canvas动画―圆形扩散、运动轨迹

    canvas动画―圆形扩散、运动轨迹

    2017-03-05 08:02

  • Canvas学习:绘制线段

    Canvas学习:绘制线段

    2017-03-04 12:00

  • Fabric.js 1.7.7发布,简易JavaScript Canvas库

    Fabric.js 1.7.7发布,简易JavaScript Canvas库

    2017-03-03 18:00

  • Clearing canvas

    Clearing canvas

    2017-02-22 16:11

网友点评
d