如何排序數組而不改變原始數組？

Question

假設我想要一個返回輸入數組的排序副本的排序函數。我天真地嘗試這樣

function sort(arr) { 
    return arr.sort(); 
} 

和我與此，這表明，我的sort方法突變陣列進行了測試。

var a = [2,3,7,5,3,7,1,3,4]; 
sort(a); 
alert(a); //alerts "1,2,3,3,3,4,5,7,7" 

我也嘗試過這種方法

function sort(arr) { 
    return Array.prototype.sort(arr); 
} 

，但它並不在所有的工作。

有沒有解決這個一個簡單的方法，prefereably不需要手卷我自己的排序算法或陣列中的每個元素複製到一個新的方式？

Answer 1

僅複製的陣列。有很多方法可以做到這一點：

function sort(arr) { 
    return arr.concat().sort(); 
} 

// Or: 
return Array.prototype.slice.call(arr).sort(); // For array-like objects 

Answer 2

請嘗試以下

function sortCopy(arr) { 
    return arr.slice(0).sort(); 
} 

的slice(0)表達創建數組的一個副本開始元素0

Answer 3

您可以使用片不帶參數複製的數組：

var foo, 
    bar; 
foo = [3,1,2]; 
bar = foo.slice().sort(); 

Answer 4

我用Object.assign()我的大多數副本：

var copyArray = Object.assign([], originalArray).sort(); 

然而，通過OP評論看後，我研究了一下深拷貝和原來Object.assign不僅執行淺拷貝，也只有選擇可枚舉和自己的屬性（如在this post中回答）。對於非深拷貝

Answer 5

有點清潔的解決方案與ES6：

const sorted = [...arr].sort(); 

傳播語法爲數組文本（從MDN複製）：

var arr = [1, 2, 3]; 
var arr2 = [...arr]; // like arr.slice() 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator

Answer 6

你也可以做到這一點

d = [20, 30, 10] 
e = Array.from(d) 
e.sort() 

這種方式不會變異。

function sorted(arr) { 
    temp = Array.from(arr) 
    return temp.sort() 
} 

//Use it like this 
x = [20, 10, 100] 
console.log(sorted(x))