元の配列を変更せずに配列を並べ替えるにはどうすればよいですか？

入力された配列のソートされたコピーを返すソート関数が必要だとしましょう。私は単純にこれを試しました

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);
}

しかし、それはまったく機能しません。

これを回避する簡単な方法はありますか？できれば、自分の並べ替えアルゴリズムを手動でローリングしたり、配列のすべての要素を新しい要素にコピーしたりする必要がない方法が望ましいでしょうか？

アレイをコピーするだけです。それには多くの方法があります。

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

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

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

以下をお試しください

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

slice(0)発現は、要素0でアレイ開始のコピーを作成します。

引数なしでスライスを使用して配列をコピーできます。

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

これもできます

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

この方法では、dは変化しません。

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

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

ディープコピーをしたい人は（たとえば、配列にオブジェクトが含まれている場合）、以下を使用できます。

let arrCopy = JSON.parse(JSON.stringify(arr))

その後、arrCopy変更せずに並べ替えることができますarr。

arrCopy.sort((obj1, obj2) => obj1.id > obj2.id)

注意：非常に大きな配列の場合、これは遅くなる可能性があります。

ほとんどのコピーにObject.assign（）を使用しています。

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

しかし、OPのコメントを調べた後、私は少し深いコピーを調査したところ、Object.assignは浅いコピーを実行するだけでなく、列挙可能な独自のプロパティのみを選択していることがわかりました（この投稿で回答）。