让我们假设我想要一个排序函数,它返回输入数组的排序副本。我很天真地试过

function sort(arr) {
  return arr.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);
}

但它根本不起作用。

有没有一种直接的方法来解决这个问题,最好是一种不需要手动滚动我自己的排序算法或将数组中的每个元素复制到一个新的数组中的方法?


当前回答

Update - Array.prototype.toSorted()提议

Array.prototype. tosorted (compareFn) -> Array是一个被建议添加到Array的方法。原型,目前处于第3阶段(很快就可以使用)。

此方法将保持目标Array不变,并返回它的副本,并执行更改。

其他回答

只需要复制数组。有很多方法可以做到这一点:

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

有一个新的tc39提案,它向Array添加了一个toSorted方法,该方法返回数组的副本,而不修改原始数组。

例如:

const sequence = [3, 2, 1];
sequence.toSorted(); // => [1, 2, 3]
sequence; // => [3, 2, 1]

由于它目前处于第3阶段,可能很快就会在浏览器引擎中实现,但与此同时,polyfill可以在这里或core-js中使用。

试试这个来排序数字。这不会改变原始数组。

function sort(arr) {
  return arr.slice(0).sort((a,b) => a-b);
}

我认为我的回答有点晚了,但如果有人再次遇到这个问题,解决方案可能是有用的。

我可以提出另一种方法,使用本机函数返回一个排序的数组。

这段代码仍然会改变原始对象,但不是本机行为,此实现返回一个排序的数组。

// Remember that it is not recommended to extend build-in prototypes 
// or even worse override native functions.  
// You can create a seperate function if you like

// You can specify any name instead of "sorted" (Python-like)

// Check for existence of the method in prototype
if (typeof Array.prototype.sorted == "undefined") {
  // If it does not exist you provide your own method
  Array.prototype.sorted = function () {
    Array.prototype.sort.apply(this, arguments);
    return this;
  };
}

这种解决问题的方法在我的情况下是理想的。