JS幾種變數交換方式以及效能分析對比

其實關於js的變數交換，使用最廣泛的幾種方式基本已經是前端人員必備的技能了，本文正好藉此分析研究的契機，列舉了本次分析中用到的幾種交換方式:

適用性: 適用於所有型別

**如下:

tmp = a;

a = b;
b = tmp;

(在js中,這種方式效率確實很高，而且就算是其它語言中，只要tmp變數提前建立，效能也不會很低，反而是一些雜技派和少數派效能方面很低)

基本上可以說: 經典的才是最優雅的

a = ;

b = a.b
;a = a.a;

a = [b, b=a][0];

`[a, b] = [b, a];

a=(function

finally}
);

適用性: 適用於數字或字串

**如下:

a = (b = (a ^= b) ^ b) ^ a;

a ^=b;

b ^=a;
a ^=b;

**如下:

a = a + b;

b = a - b; 
a = a - b;

a = b -a +(b = a);

適用性: 僅適用於數字和字串

**如下:

eval("a="+b+";b="+a);

這種模式執行一萬次耗時等於其它執行一億次...

適用性: 僅適用於陣列元素

**如下:

arr[0] = arr.splice(2, 1, arr[0])[0];

上述列舉了幾種方式都有一一做過對比分析，基本上可以得出的結論是:

還是老老實實的用回臨時變數交換吧，經典，優雅，而且保證不會出什麼么蛾子

分析結果1

以下截圖中的資料是，在chrome中執行了一億次後得出的結論(每次執行100萬次,一共100個迴圈，得到的分析結果)

可以看出,tmp變數交換最快,try catch最慢

分析結果2

以下截圖資料是，在chrome (支援es6)中執行了100萬次後得出的結論(每次執行1萬次,一共100個迴圈，得到的分析結果)

可以看出,eval最慢,splice效能較低，tmp變數交換很穩定

如下demo中可以使用分析工具進行 js變數交換方式分析對比

JS幾種變數交換方式以及效能分析對比

兩個變數之間的值得交換 這是乙個經典的話題，現在也有了很多的成熟解決方案，本文主要是列舉幾種常用的方案，進行大量計算並分析對比。最近做某個專案時，其中有乙個需求是交換陣列中的兩個元素。當時使用的方法是 arr item0,item1,itemn 最初使用這段 來交換第0個和第k k當時覺得這種方法很...

JS幾種陣列遍歷方式以及效能分析對比

在上一次分析了js幾種常用變數交換方式以及各自效能後，覺得這種方式挺好的，於是抽取了核心邏輯，封裝成了模板，打算拓展成乙個系列，本文則是系列中的第二篇，js陣列遍歷方式的分析對比 js陣列遍歷，基本就是for,forin,foreach,forof,map等等一些方法，以下介紹幾種本文分析用到的陣列...

JS幾種陣列遍歷方式以及效能分析對比

在上一次分析了js幾種常用變數交換方式以及各自效能後，覺得這種方式挺好的，於是抽取了核心邏輯，封裝成了模板，打算拓展成乙個系列，本文則是系列中的第二篇，js陣列遍歷方式的分析對比 js陣列遍歷，基本就是for,forin,foreach,forof,map等等一些方法，以下介紹幾種本文分析用到的陣列...