Ändert die .sort Funktion das originale Array?

Question

Ich habe diesen Code:

arr = arr.sort(function (a, b) {
    return a.time>b.time
})

Muss ich arr neu definieren oder kann ich einfach die sort-Funktion aufrufen? Wie hier:

arr.sort(function (a, b) {
    return a.time>b.time
})

Werden die sort- und filter-Funktionen das Original-Array ändern?

Answer 1

Verwenden Sie slice(), um eine Kopie des Originalarrays zu sortieren.

var arr =[{time:4},{time:3},{time:6}];

arr.sort(function (a, b) {
  return a.time-b.time;
});

verändert das Originalarray und gibt zurück:

[ { time: 3 }, { time: 4 }, { time: 6 } ]

und console.log(arr) gibt zurück

[ { time: 3 }, { time: 4 }, { time: 6 } ]

aber

var arr =[{time:4},{time:3},{time:6}];
arr.slice().sort(function (a, b) {
  return a.time-b.time;
});

gibt zurück

[ { time: 3 }, { time: 4 }, { time: 6 } ]

aber beeinflusst das Originalarray nicht.

console.log(arr) gibt zurück

[ { time: 4 }, { time: 3 }, { time: 6 } ]

Answer 2

Es ist eine anständige Frage, und lassen Sie uns sie richtig beantworten:

const a = [1, 2, 3];
const b = a.sort();
console.log(a === b); // true

da ist deine Antwort. Der === Operator für Objekte vergleicht Speicherorte, also ist es das gleiche Objekt im Speicher.

Was schade ist, weil es besser wäre, wenn sort ein neues Array erstellen würde (Unveränderlichkeit usw.), aber in vielen Sprachen gibt es kein neues Array zurück, sondern dasselbe Array (neu geordnet).

Also, wenn du möchtest, dass es unveränderlich ist, könntest du folgendes tun:

const a = [1, 2, 3];
const b = a.slice(0).sort();

Answer 3

Es sortiert das Array vor Ort (indem es das Array ändert). Von MDN:

Die sort() Methode sortiert die Elemente eines Arrays vor Ort und gibt das Array zurück. Die Sortierung ist nicht unbedingt stabil. Die Standard-Sortierreihenfolge erfolgt gemäß der Unicode-Zeichenpunkte von Strings.

Answer 4

Ja, es ändert das Original-Array.

const a = [1, 2, 3];
const b = a.sort();
const c = [...a].sort(); //es6 Funktion ähnlich zu slice(0)
console.log(a === b); // true
console.log(a === c);//false

Answer 5

Oder von ES6:

const a = [1, 2, 3];
const b = [...a].sort();