|
| 1 | +--- |
| 2 | +layout: editorial |
| 3 | +Kapitel: 6 |
| 4 | +Seitenzahl: 36 |
| 5 | +Beschreibung: Arrays sind ein grundlegender Bestandteil der Programmierung. Ein Array ist eine Liste von Daten. Wir können viele Daten in einer Variablen speichern, was unseren Code lesbarer und verständlicher macht. Es erleichtert auch die Durchführung von Funktionen in Bezug auf verwandte Daten. |
| 6 | +--- |
| 7 | + |
| 8 | +# Kapitel 6 |
| 9 | +# Arrays |
| 10 | + |
| 11 | +Arrays sind ein grundlegender Bestandteil der Programmierung. Ein Array ist eine Liste von Daten. Wir können viele Daten in einer Variablen speichern, was unseren Code lesbarer und verständlicher macht. Es erleichtert auch die Durchführung von Funktionen in Bezug auf verwandte Daten. |
| 12 | + |
| 13 | +Die Daten in Arrays werden als **Elemente** bezeichnet. |
| 14 | + |
| 15 | +Hier ist ein einfaches Array: |
| 16 | + |
| 17 | +```javascript |
| 18 | +// 1, 1, 2, 3, 5 und 8 sind die Elemente in diesem Array |
| 19 | +let zahlen = [1, 1, 2, 3, 5, 8]; |
| 20 | +``` |
| 21 | + |
| 22 | +Arrays können leicht mit Array-Literalen oder mit dem 'new'-Schlüsselwort erstellt werden. |
| 23 | + |
| 24 | +```javascript |
| 25 | +const autos = ["Saab", "Volvo", "BMW"]; // Verwendung von Array-Literalen |
| 26 | +const autos = new Array("Saab", "Volvo", "BMW"); // Verwendung des new-Schlüsselworts |
| 27 | +``` |
| 28 | + |
| 29 | +Eine Indexnummer wird verwendet, um auf die Werte eines Arrays zuzugreifen. Der Index des ersten Elements in einem Array ist immer '0', da Array-Indizes mit '0' beginnen. Die Indexnummer kann auch verwendet werden, um die Elemente eines Arrays zu ändern. |
| 30 | + |
| 31 | +```javascript |
| 32 | +const autos = ["Saab", "Volvo", "BMW"]; |
| 33 | +console.log(autos[0]); |
| 34 | +// Ergebnis: Saab |
| 35 | + |
| 36 | +autos[0] = "Opel"; // Ändern des ersten Elements eines Arrays |
| 37 | +console.log(autos); |
| 38 | +// Ergebnis: ['Opel', 'Volvo', 'BMW'] |
| 39 | +``` |
| 40 | +{% hint style="warning" %} |
| 41 | +Arrays sind eine spezielle Art von Objekt. Es können Objekte in einem Array vorhanden sein. |
| 42 | +{% endhint %} |
| 43 | + |
| 44 | +Die length-Eigenschaft eines Arrays gibt die Anzahl der Elemente zurück. Die von Arrays unterstützten Methoden werden unten angezeigt: |
| 45 | + |
| 46 | +| Name | Beschreibung | |
| 47 | +| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | |
| 48 | +| `concat()` | RGibt zwei oder mehr kombinierte Arrays zurück | |
| 49 | +| `join()` | Verbindet alle Elemente in einem Array zu einem String | |
| 50 | +| `push()` | Fügt ein oder mehrere Elemente am Ende des Arrays hinzu und gibt die Länge zurück |
| 51 | + | |
| 52 | +| `pop()` | Entfernt das letzte Element eines Arrays und gibt dieses Element zurück | |
| 53 | +| `shift()` | Entfernt das erste Element eines Arrays und gibt dieses Element zurück | |
| 54 | +| `unshift()` | Fügt ein oder mehrere Elemente am Anfang eines Arrays hinzu und gibt die Länge zurück | |
| 55 | +| `slice()` | Extrahiert den Abschnitt eines Arrays und gibt das neue Array zurück | |
| 56 | +| `at()` | Gibt das Element am angegebenen Index oder `undefined` zurück | |
| 57 | +| `splice()` | Entfernt Elemente aus einem Array und ersetzt sie (optional) und gibt das Array zurück | |
| 58 | +| `reverse()` | TVertauscht die Elemente eines Arrays und gibt eine Referenz auf ein Array zurück | |
| 59 | +| `flat()` | Gibt ein neues Array zurück, in dem alle Unterarray-Elemente rekursiv bis zur angegebenen Tiefe zusammengefügt sind | |
| 60 | +| `sort()` | Sortiert die Elemente eines Arrays an Ort und Stelle und gibt eine Referenz auf das Array zurück | |
| 61 | +| `indexOf()` | Gibt den Index des ersten Übereinstimmungselements zurück | |
| 62 | +| `lastIndexOf()` | Gibt den Index des letzten Übereinstimmungselements zurück | |
| 63 | +| `forEach()` | Führt eine Rückruffunktion in jedem Element eines Arrays aus und gibt undefined zurück | |
| 64 | +| `map()` | Gibt ein neues Array zurück, das einen Rückgabewert ausführt, indem `callback` für jedes Array-Element ausgeführt wird. | |
| 65 | +| `flatMap()` | Führt map() gefolgt von flat() der Tiefe 1 aus | |
| 66 | +| `filter()` | Gibt ein neues Array zurück, das die Elemente enthält, für die callback true zurückgegeben hat | |
| 67 | +| `find()` | Gibt das erste Element zurück, für das `callback` `true` zurückgegeben hat | |
| 68 | +| `findLast()` | Gibt das letzte Element zurück, für das `callback` `true` zurückgegeben hat | |
| 69 | +| `findIndex()` | Gibt den Index des ersten Elements zurück, für das `callback` `true` zurückgegeben hat | |
| 70 | +| `findLastIndex()` | Gibt den Index des letzten Elements zurück, für das `callback` `true` zurückgegeben hat | |
| 71 | +| `every()` | Gibt `true` zurück, wenn `callback` für jedes Element im Array `true` zurückgibt | |
| 72 | +| `some()` | Gibt `true` zurück, wenn `callback` für mindestens ein Element im Array `true` zurückgibt | |
| 73 | +| `reduce()` | Verwendet `callback(Akkumulator, aktueller Wert, aktueller Index, Array)` zu Reduzierungszwecken und gibt den endgültigen von der `callback`-Funktion zurückgegebenen Wert zurück | |
| 74 | +| `reduceRight()` | Funktioniert ähnlich wie `reduce()`, beginnt jedoch mit dem letzten Element | |
| 75 | + |
0 commit comments