close

英文 | https://javascript.plainenglish.io/as-a-software-engineer-7-ways-to-swap-the-value-of-variables-you-should-know-about-d9b4ad5afe23

你知道交換兩個變量的值有多少種方法?我很慚愧,因為我只知道兩種方法。事實上,至少有 7 種方法可以做到這一點,是不是有點太不可思議了?

什麼,你不相信我?我不會騙你的,跟我來!
1. 使用臨時變量交換兩個值
這是每個前端開發工程師都應該知道的一種方法,我們可能在學生時代就學過這種技術。
let a = 1let b = 2// Use a temporary variable to store the value of b firstlet temp = bb = aa = temptemp = nullconsole.log('a', a, 'b', b)

這種方法的優點是非常簡單易懂。缺點是需要多聲明一個變量,這意味着程序需要占用更多的計算機內存。

2.使用ES6中的解構賦值

我相信大家對 ES6 已經很熟悉了,它有一個很棒的特性叫做解構。

使用解構功能,我們可以輕鬆交換兩個變量的值。

let a = 1let b = 2;[ a, b ] = [ b, a ]console.log('a', a, 'b', b)

我個人真的很喜歡這種方式了,我們不需要使用任何額外的代碼來完成這項工作。

3. 使用異或 (^)

如果你對它非常感興趣,可以點擊這裡(鏈接)進行深入研究。

不過別着急,相信看完這張表的內容你就知道是怎麼回事了:

即使我們只需要知道這兩個知識點就足夠了:

(「0」^任何值)等於這個值。

100 ^ 100 等於 0

0 ^ 100 // 100100 ^ 100 // 0

我想,你一定已經猜到該怎麼做了!

let a = 1let b = 2a = a ^ b// 1. => a ^ b ^ b// 2. => a ^ 0// 3. => b = a = 1b = a ^ b// 1. a ^ b => a ^ b ^ a// 2. a ^ b ^ a => 0 ^ b// 3. a = b = > 2a = a ^ bconsole.log('a', a, 'b', b)

4. 使用加法交換兩個變量的值

什麼?你在搞笑嗎?沒有,你可以使用加法交換兩個變量的值。

let a = 1let b = 2a = a + b // The value of a is a(1) + b(2) = 3b = a - b // The value of b is a(3) - b(2) = 1a = a - b // The value of a is a(3) - b(1) = 2console.log('a', a, 'b', b)

5. 使用減法交換兩個變量的值

既然我們可以使用加法交換兩個變量的值,為什麼不試試減法呢?

let a = 1let b = 2a = a - b // The value of a is a(1) - b(2) = -1b = b + a // The value of b is b(2) + a(-1) = 1a = b - a // The value of a is b(1) - a(-1) = 2console.log('a', a, 'b', b)

那麼使用加法和減法到底有什麼區別呢?朋友們,你們一定知道JavaScript中有一個最大的安全數,那麼,如果我們使用加法,會不會超過這個數呢?是的,這個問題可以通過使用減法來避免。

6. 使用對象交換兩個變量的值

我們可以將對象用作交換兩個變量的橋樑,並讓它鏈接所有這些。

let a = 1let b = 2a = { a: a, b: b}b = a.aa = a.bconsole.log('a', a, 'b', b)

你能用數組來完成這個嗎?

let a = 1let b = 2a = [ a, b ]b = a[ 0 ]a = a[ 1 ]console.log('a', a, 'b', b)

7. 使用「,」逗號運算符

1).數組和「,」的組合:

let a = 1let b = 2a = [b, (b = a)][0]// The code roughly goes through the following steps// 1. b = a => b = 1// 2. a = [ 2, 1 ]// 2. a = [ 2, 1 ][0] => 2console.log('a', a, 'b', b)

2).賓語與「,」的組合:

let a = 1let b = 2a = b + ((b = a), 0)// The code roughly goes through the following steps// 1. a = 2 + ((b = 1), 0) => b = 1// 2. a = 2 + 0 => a = 2console.log('a', a, 'b', b)

總結

以上就是我今天跟分享的全部內容,如果你覺得有用的話,請記得點讚我,關注我,並將這篇文章分享給你的身邊的朋友,也許能夠幫助到他。

最後,感謝你的閱讀,祝編程愉快。

學習更多技能

請點擊下方公眾號


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 鑽石舞台 的頭像
    鑽石舞台

    鑽石舞台

    鑽石舞台 發表在 痞客邦 留言(0) 人氣()