JavaScript兩個(gè)變量交換值的實(shí)現(xiàn)方法
概要
本文主要描述,如何不使用中間值,將兩個(gè)變量的值進(jìn)行交換。
一、普通做法
var a = 1, b = 2, tmp; tmp = a; a = b; b = tmp;
普通的做法就是聲明多一個(gè)臨時(shí)變量tmp,進(jìn)行數(shù)據(jù)交換過程中的緩存。這樣的做法直觀,易懂。但是,會(huì)增加內(nèi)存的使用。
二、算術(shù)運(yùn)算
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
通過算術(shù)運(yùn)算過程中的技巧,可以巧妙地將兩個(gè)值進(jìn)行互換。但是,有個(gè)缺點(diǎn)就是變量數(shù)據(jù)溢出。因?yàn)镴avaScript能存儲(chǔ)數(shù)字的精度范圍是 -253 到 253。所以,加法運(yùn)算,會(huì)存在溢出的問題。
三、異或運(yùn)算
var a = 1, // 二進(jìn)制:0001 b = 2; // 二進(jìn)制:0010 a = a ^ b; // 計(jì)算結(jié)果:a = 0011, b = 0010 b = a ^ b; // 計(jì)算結(jié)果:a = 0011, b = 0001 a = a ^ b; // 計(jì)算結(jié)果:a = 0010, b = 0001
本題巧用位運(yùn)算的技巧,利用 a ^ b ^ b == a 的特點(diǎn),進(jìn)行數(shù)值交換,避免了使用算術(shù)運(yùn)算帶來(lái)的弊端,不會(huì)發(fā)生溢出問題。
四、ES6的解構(gòu)
let a = 1, b = 2; [a, b] = [b, a];
用解構(gòu)的語(yǔ)法特性,一次性解決,簡(jiǎn)單暴力,哈哈哈~
更重要的一點(diǎn):解構(gòu)語(yǔ)法還適用于其他類型的變量進(jìn)行互換。所以,用解構(gòu)可以很easy地進(jìn)行互換。
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
JavaScript分頁(yè)功能的實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript分頁(yè)功能的實(shí)現(xiàn)方法,涉及javascript操作分頁(yè)的相關(guān)技巧,需要的朋友可以參考下2015-04-04javascript實(shí)現(xiàn)3D變換的立體圓圈實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)3D變換的立體圓圈效果,涉及javascript動(dòng)態(tài)操作頁(yè)面元素實(shí)現(xiàn)滾動(dòng)與變色的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08List Information About the Binary Files Used by an Applicati
List Information About the Binary Files Used by an Application...2007-06-06JavaScript反彈動(dòng)畫效果的實(shí)現(xiàn)代碼
本文通過實(shí)例代碼給大家介紹了js反彈動(dòng)畫效果的實(shí)現(xiàn)代碼,需要的朋友參考下吧2017-07-07一個(gè)css與js結(jié)合的下拉菜單支持主流瀏覽器
這是一個(gè)css和js結(jié)合的下拉菜單,經(jīng)測(cè)試支持主流瀏覽器,比較適合企業(yè)站,需要的朋友可以參考下2014-10-10thinkphp中常用的系統(tǒng)常量和系統(tǒng)變量
這篇文章主要介紹了thinkphp中常用的系統(tǒng)常量和變量,需要的朋友可以參考下2014-03-03