TC39 ist dabei, ein technisches Angebot abzuschließen — Change Array by copy . Es hat jetzt Stufe 3 erreicht, was bedeutet, dass große Browser-Anbieter es in naher Zukunft implementieren werden. Dieser Artikel gibt Ihnen eine kurze Einführung in sie.

Insbesondere werden die folgenden Funktionseigenschaften in Array.prototypeund importiert TypedArray.prototype:

1. toReversed()

Im Vergleich zum vorherigen Array.prototype.reverse()ändert Array.prototype.toReversed()sich das ursprüngliche Array nicht.

Zum Beispiel:

2. nachSortiert(vergleicheFn)

Array.prototype.toSorted(compareFn)ist ähnlich, es ändert nicht das ursprüngliche Array wie Array.prototype.sort(compareFn).

3. toSpliced(start, deleteCount, …items)

Die vorherige kann Elemente aus dem Array Array.prototype.splice(start, deleteCount, …items)löschen und hinzufügen . Das gelöschte Array wird zurückgegeben, wenn diese Methode aufgerufen wird, und es ändert auch das ursprüngliche Array. Ich habe einen ausführlichen Vergleich in meinem vorherigen Artikel:deleteCountstart...item

Then Array.prototype.toSpliced(start, deleteCount, …items)ist ähnlich wie splice, ändert aber nicht das ursprüngliche Array. Und der Aufruf dieser Methode gibt eine geänderte Kopie des ursprünglichen Arrays anstelle des gelöschten Arrays zurück.

4. mit (Index, Wert)

Array.prototype.with(index, value)kann einem Indexelement eines Arrays einen Wert zuweisen, es ist ähnlich wie array[index] = value. Aber es gibt eine geänderte Kopie des ursprünglichen Arrays ohne Auswirkung auf das ursprüngliche Array zurück.

Fazit

Es ist ersichtlich, dass diese Methoden das ursprüngliche Array unverändert lassen und eine geänderte Kopie zurückgeben. Dies ist in einigen Fällen nützlich. Es ist derzeit nicht in der Produktion verfügbar, und TC39 stellt auch seine polyfill.js (minimalistische Referenzimplementierung) bereit.

Aus polyfill.js ist auch ersichtlich , dass diese Methoden flache Kopien des ursprünglichen Arrays zurückgeben. Sobald das ursprüngliche Array Referenztypdaten speichert, ist es wichtig, sich der Merkmale von Referenztypdaten bewusst zu sein, um unerwartete Situationen zu vermeiden.

Was halten Sie also von diesen kommenden Funktionsmethoden?

Verweise

[1]https://github.com/tc39/proposal-change-array-by-copy

Das ist alles für heute. Ich bin Zachary und ich werde weiterhin Geschichten über die Webentwicklung veröffentlichen. Wenn dir solche Geschichten gefallen und du mich unterstützen möchtest, erwäge bitte, Medium-Mitglied zu werden . Es kostet $5 pro Monat und gibt Ihnen unbegrenzten Zugriff auf Medium-Inhalte. Ich bekomme eine kleine Provision, wenn du dich über meinen Link anmeldest .

Ihre Unterstützung ist mir sehr wichtig – vielen Dank.