JavaScript – Das Handbuch für die Praxis. David Flanagan
Читать онлайн.| Название | JavaScript – Das Handbuch für die Praxis |
|---|---|
| Автор произведения | David Flanagan |
| Жанр | Математика |
| Серия | |
| Издательство | Математика |
| Год выпуска | 0 |
| isbn | 9783960104926 |
let s = "hello"; // Beginnen wir mit einem Text in Kleinbuchstaben.
s.toUpperCase(); // Gibt "HELLO" zurück, verändert s aber nicht.
s // => "hello": Der ursprüngliche String hat sich nicht geändert.
Primitive Typen werden außerdem anhand ihres Werts (by value) verglichen: Zwei Werte sind nur dann gleich, wenn sie den gleichen Wert haben. Für Zahlen, boolesche Werte, null und undefined scheint das zirkulär zu klingen: Auf andere Weise könnten Werte dieser Art gar nicht verglichen werden. Aber auch das ist bei Strings nicht ganz so selbstverständlich. Wenn zwei unterschiedliche String-Werte verglichen werden, behandelt JavaScript diese nur dann als gleich, wenn sie die gleiche Länge haben und die einzelnen Zeichen an den einzelnen Indexpositionen gleich sind.
Objekte unterscheiden sich von primitiven Datentypen. Erstens sind sie mutabel – ihre Werte können sich ändern:
let o = { x: 1 }; // Beginnen wir mit einem Objekt.
o.x = 2; // Verändern wir es, indem wir den Wert einer Eigenschaft
// ändern.
o.y = 3; // Verändern wir es erneut, indem wir ihm eine Eigenschaft
// hinzufügen.
let a = [1,2,3]; // Arrays sind ebenfalls veränderbar.
a[0] = 0; // Den Wert eines Array-Elements ändern.
a[3] = 4; // Ein neues Array-Element einfügen.
Zweitens werden Objekte nicht anhand des Werts verglichen: Zwei Objekte sind nicht allein deswegen gleich, weil sie die gleichen Eigenschaften und Werte haben. Und zwei Arrays sind nicht allein deswegen gleich, weil sie die gleichen Elemente in der gleichen Reihenfolge aufweisen:
let o = {x: 1}, p = {x: 1}; // Zwei Objekte mit den gleichen Eigenschaften.
o === p // => false: Zwei verschiedene Objekte sind nie gleich.
let a = [], b = []; // Zwei Arrays, beide leer.
a === b // => false: Zwei verschiedene Arrays sind nie gleich.
Objekte werden manchmal auch als Referenztypen bezeichnet, um sie von JavaScripts primitiven Datentypen abzugrenzen. Legt man diese Terminologie zugrunde, sind die Werte von Objekten Referenzen, und wir können auch sagen, dass Objekte anhand der Referenz (by reference) verglichen werden: Zwei Objektwerte sind nur dann gleich, wenn sie auf dasselbe zugrunde liegende Objekt verweisen.
let a = []; // Die Variable a verweist auf ein leeres Array.
let b = a; // Jetzt verweist b auf dasselbe Array.
b[0] = 1; // Verändert das Array, auf das die Variable b verweist.
a[0] // => 1: Die Änderung ist auch über die Variable a sichtbar.
a === b // => true: a und b verweisen auf dasselbe Objekt, sind also gleich.
Wie der Beispielcode zeigt, wird bei der Zuweisung eines Objekts (oder Arrays) an eine Variable einfach eine Referenz zugewiesen; dabei wird kein neues Exemplar des Objekts erstellt. Wollen Sie eine Kopie eines Objekts oder Arrays erstellen, müssen Sie explizit die Eigenschaften des Objekts oder die Elemente des Arrays kopieren. Das folgende Beispiel zeigt, wie man das mit einer for-Schleife macht (siehe 5.4.3):
let a = ["a","b","c"]; // Das Array, das wir kopieren wollen.
let b = []; // Ein neues Array, in das wir kopieren werden.
for(let i = 0; i < a.length; i++) { // Für jede Indexposition in a[]:
b[i] = a[i]; // Kopiere ein Element von a in b.
}
let c = Array.from(b); // In ES6 kopieren Sie Arrays mit Array.from().
Gleichermaßen müssen wir, wenn wir zwei eigenständige Objekte oder Arrays vergleichen wollen, einzeln ihre Eigenschaften oder Elemente vergleichen. Der folgende Code definiert eine Funktion zum Vergleich von zwei Arrays:
function equalArrays(a, b) {
if (a === b) return true; // Identische Arrays sind gleich.
if (a.length !== b.length) return false; // Arrays unterschiedlicher Länge
// sind nicht gleich.
for(let i = 0; i < a.length; i++) { // Alle Elemente durchlaufen:
if (a[i] !== b[i]) return false; // Ist ein Elementpaar nicht gleich,
// sind die Arrays nicht gleich.
}
return true; // Andernfalls sind die Arrays gleich.
}
3.9Typumwandlungen
JavaScript ist sehr flexibel, was die benötigten Wertetypen betrifft. Bei booleschen Werten haben wir das bereits gesehen: Erwartet JavaScript einen booleschen Wert, können Sie einen Wert beliebigen Typs angeben, der von JavaScript in die erforderliche Form umgewandelt wird. Einige Werte (truthy-Werte) werden in true umgewandelt, andere (falsy-Werte) in false. Das Gleiche geschieht auch bei anderen Werten: Benötigt JavaScript einen String, wandelt es den von Ihnen übergebenen Wert in einen String um. Benötigt JavaScript eine Zahl, versucht es, den angegebenen Wert in eine Zahl umzuwandeln (oder wandelt ihn in NaN um, wenn keine sinnvolle Konvertierung möglich ist).
Ein paar Beispiele:
10 + "objects" // => "10 objects": Die Zahl 10 wird in einen String
// umgewandelt.
"7" * "4" // => 28: Beide Strings werden in Zahlen umgewandelt.
let n = 1 - "x"; // => NaN: Der String "x" kann nicht in eine Zahl
// umgewandelt werden.
n + " objects" // => "NaN objects": NaN wird in die Zeichenfolge "NaN"
// umgewandelt.
Tabelle 3-2 fasst zusammen, wie Werte in JavaScript von einem Typ in einen anderen umgewandelt werden. Fett gedruckte Tabelleneinträge kennzeichnen Umwandlungen, die Ihnen vielleicht überraschend vorkommen mögen. Leere Zellen zeigen an, dass keine Umwandlung erforderlich ist und auch keine durchgeführt wird.
Tabelle 3-2: Typumwandlungen in JavaScript
| Wert | Umgewandelt in String | Umgewandelt in Zahl | Umgewandelt in booleschen Wert |
| undefined | "undefined" | NaN | false |
| null | "null" | 0 |