JavaScript交換變量的常用方法小結(jié)【4種方法】
本文實(shí)例講述了JavaScript交換變量的常用方法。分享給大家供大家參考,具體如下:

許多算法需要交換2個(gè)變量。在編碼面試中,可能會(huì)問您“如何在沒有臨時(shí)變量的情況下交換2個(gè)變量?”。我很高興知道執(zhí)行變量交換的多種方法。在本文中,您將了解大約4種交換方式(2種使用額外的內(nèi)存,而2種不使用額外的內(nèi)存)。
1. 解構(gòu)賦值
解構(gòu)賦值語法(ES2015的功能)使您可以將數(shù)組的項(xiàng)提取到變量中。例如,以下代碼對(duì)數(shù)組進(jìn)行解構(gòu):
let a; let b; [a, b] = [1, 2, 3]; a; // => 1 b; // => 2
[a,b] = [1,2,3] 是對(duì) [1,2,3] 數(shù)組進(jìn)行解構(gòu)的解構(gòu)賦值。[1,2,3] 的第一項(xiàng)1 分配了一個(gè)變量 a,第二項(xiàng) 2 對(duì)應(yīng)地分配了 b。
知道如何解構(gòu)數(shù)組,可以很容易地使用它交換變量。讓我們使用解構(gòu)分配交換變量 a和 b:
let a = 1; let b = 2; [a, b] = [b, a]; a; // => 2 b; // => 1
第一步,在解構(gòu)的右側(cè),創(chuàng)建一個(gè)臨時(shí)數(shù)組[b,a](其值為[2,1])。
然后發(fā)生臨時(shí)數(shù)組的解構(gòu):[a,b] = [2,1]。變量 a 分配了 2,b 分配了 1。已經(jīng)完成了 a 和 b 的交換。
我喜歡這種解構(gòu)方法,因?yàn)樗喍潭挥斜憩F(xiàn)力:交換僅用一條語句執(zhí)行。它適用于任何數(shù)據(jù)類型:數(shù)字,字符串,布爾值,對(duì)象。
對(duì)于大多數(shù)情況,我建議使用解構(gòu)賦值來交換變量。
2. 臨時(shí)變量
使用臨時(shí)變量交換變量是經(jīng)典的。顧名思義,這種方法需要一個(gè)額外的臨時(shí)變量。
讓我們使用臨時(shí)變量 temp 交換變量 a 和 b 的值:
let a = 1; let b = 2; let temp; temp = a; a = b; b = temp; a; // => 2 b; // => 1
3. 加減法
您可以交換變量而無需使用額外的內(nèi)存(例如臨時(shí)數(shù)組或變量)。
以下示例使用加法 + 和差分- 算術(shù)運(yùn)算符交換變量 a 和 b:
let a = 1; let b = 2; a = a + b; b = a - b; a = a - b; a; // => 2 b; // => 1
最初,a為1,b為2。讓我們看一下 3 條語句如何執(zhí)行交換:
a = a + b賦予a值1 + 2。b = a - b為b賦值1 + 2 - 2 = 1(b現(xiàn)在為1)。a = a - b為a分配值1 + 2 - 1 = 2(a現(xiàn)在為2)。
最后,a為2,b為1。已經(jīng)完成了a和b的交換。
盡管這種方法不使用臨時(shí)變量,但有很大的局限性。
- 首先,您只能交換整數(shù)。
- 其次,在第一步
a = a + b進(jìn)行加法時(shí)要注意數(shù)字溢出(總和必須小于Number.MAX_SAFE_INTEGER)。
4. 按位XOR運(yùn)算符
如果操作數(shù)不同,則 XOR 運(yùn)算符的計(jì)算結(jié)果為 true。提醒一下,這是 XOR 真值表:
| a | b | a ^ b |
|---|---|---|
| 0 | 0 | 0 |
| 1 | 1 | 0 |
| 0 | 1 | 1 |
| 1 | 0 | 1 |
在JavaScript中,按位 XOR 運(yùn)算符 n1 ^ n2 對(duì)n1和n2數(shù)字的每一位執(zhí)行 XOR 操作。
舉例來說,這是 5 ^ 7 評(píng)估(evaluates)為2的方式:
1 0 1 (5 的二進(jìn)制) 1 1 1 (7 的二進(jìn)制) ----- 0 1 0 (5 ^ 7 = 2 的二進(jìn)制)
按位 XOR 具有 2 個(gè)有趣的屬性:
n ^ n = 0:對(duì)相同數(shù)字執(zhí)行的按位 XOR 為0.n ^ 0 = n:對(duì)一個(gè)數(shù)字執(zhí)行按位異或,零是相同數(shù)字.
這些 XOR 屬性可用于交換變量。讓我們看看如何交換a和b變量:
let a = 1; let b = 2; a = a ^ b; b = a ^ b; a = a ^ b; a; // => 2 b; // => 1
交換過程:
a = a ^ bb = a ^ b?;?a被a ^ b取代。因此b =(a ^ b)^ b = a ^(b ^ b)= a ^ 0 = a。請(qǐng)記住,現(xiàn)在b不是a。a = a ^ b。基于1a的a替換為a ^ b,基于2b的a替換為a。因此a =(a ^ b)^ a = b ^(a ^ a)= b ^ 0 = b。變量a變?yōu)?code>b。
如果您覺得解釋很復(fù)雜,請(qǐng)隨時(shí)跳過。由3個(gè)賦值組成的按位XOR(n ^ n = 0和n ^ 0 = n)的性質(zhì)使您可以交換a和b的值。
使用按位XOR運(yùn)算符交換變量有局限性:您只能交換整數(shù)。
5. 結(jié)論
JavaScript提供了很多交換變量的好方法,無論有沒有額外的內(nèi)存。
- 我建議使用的第一種方法通過應(yīng)用解構(gòu)賦值
[a,b] = [b,a]交換變量。這是一種簡短而富有表現(xiàn)力的方法。 - 第二種方法使用臨時(shí)變量。這是代替(applying)解構(gòu)賦值方法的不錯(cuò)選擇。
- 第三種方法,使用加減法,不使用其他變量或內(nèi)存。但是,該方法僅限于交換整數(shù)。
- 同樣,使用按位XOR的第四種方法不使用額外的內(nèi)存。但是同樣,您只能交換整數(shù)。
你覺得交換變量的首選方式是什么?
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript實(shí)現(xiàn)構(gòu)造json數(shù)組的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)構(gòu)造json數(shù)組的方法,結(jié)合實(shí)例形式對(duì)比分析了javascript構(gòu)造json數(shù)組的實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-08-08
JS簡單實(shí)現(xiàn)自定義右鍵菜單實(shí)例
本篇文章主要介紹了JS簡單實(shí)現(xiàn)自定義右鍵菜單實(shí)例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
webpack使用及如何搭建cesium三維地球環(huán)境
這篇文章主要介紹了webpack快速上手之搭建cesium三維地球環(huán)境,本文使用的是webpack5,webpack5 升級(jí)后默認(rèn)是不支持polyfill的,編譯時(shí)會(huì)報(bào)錯(cuò),本文主要介紹了Cesium以及Webpack的使用,如何將Cesium一步步地集成到Webpack中,需要的朋友可以參考下2023-11-11
微信小程序自定義組件的實(shí)現(xiàn)方法及自定義組件與頁面間的數(shù)據(jù)傳遞問題
這篇文章主要介紹了微信小程序自定義組件的實(shí)現(xiàn)方法及自定義組件與頁面間的數(shù)據(jù)傳遞 ,需要的朋友可以參考下2018-10-10
JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例
下面小編就為大家分享一篇JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12

