Làm thế nào bạn có thể sắp xếp một mảng mà không làm thay đổi mảng ban đầu?

Giả sử tôi muốn một hàm sắp xếp trả về một bản sao đã sắp xếp của mảng được nhập. Tôi ngây thơ thử cái này

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

và tôi đã thử nó với điều này, cho thấy sortphương thức của tôi đang làm biến đổi mảng.

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"

Tôi cũng đã thử phương pháp này

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

nhưng nó không hoạt động.

Có cách nào đơn giản để giải quyết vấn đề này không, tốt nhất là cách không yêu cầu tự tay thực hiện thuật toán sắp xếp của riêng tôi hoặc sao chép mọi phần tử của mảng vào một cái mới?

Chỉ cần sao chép mảng. Có nhiều cách để làm điều đó:

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

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

Một cách khác với es6 (bản sao không sâu):

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

cú pháp trải rộng dưới dạng mảng bằng chữ (được sao chép từ mdn):

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

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

Hãy thử như sau

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

Các slice(0)biểu hiện tạo ra một bản sao của mảng bắt đầu tại phần tử 0.

Bạn có thể sử dụng lát cắt không có đối số để sao chép một mảng:

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

Bạn cũng có thể làm điều này

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

Cách này d sẽ không bị đột biến.

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

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

Bất cứ ai muốn làm một bản sao sâu (ví dụ nếu mảng của bạn chứa các đối tượng) có thể sử dụng:

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

Sau đó, bạn có thể sắp xếp arrCopymà không thay đổi arr.

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

Xin lưu ý: điều này có thể chậm đối với các mảng rất lớn.

Tôi sử dụng Object.assign () cho hầu hết các bản sao của mình:

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

Tuy nhiên, sau khi xem qua các bình luận của OP, tôi đã nghiên cứu một chút sao chép sâu và hóa ra Object.assign không chỉ thực hiện một bản sao nông, mà còn chỉ chọn vô số và thuộc tính riêng (như đã trả lời trong bài đăng này ).