3D-Arrays und mehr
Teil des Abschnitts Logik & Ablauf der JavaScript-Journey von Coddy — Lektion 12 von 65.
Ein 3D-Array kann als ein Array von 2D-Arrays visualisiert werden. Stellen Sie sich zum Beispiel mehrere Gebäude vor, von denen jedes mehrere Stockwerke hat und jedes Stockwerk mehrere Räume besitzt. Greifen Sie auf ein Element über drei Indizes zu: den ersten für das Gebäude, den zweiten für das Stockwerk und den dritten für den Raum.
Zum Beispiel:
const buildings = [
[
["R1", "R2"],
["R3", "R4"]
],
[
["R5", "R6"],
["R7", "R8"]
]
];
// buildings[0][1][1] -> "R4"
// buildings[1][0][0] -> "R5"Diese Struktur erweitert das 2D-Konzept um eine Ebene tiefer und macht sie so praktisch für Szenarien mit mehreren Datenebenen.
Aufgabe
EinfachErstellen Sie eine Funktion namens countAllStrings, die ein 3D-Array von Strings erhält und die Gesamtzahl der Elemente über alle Dimensionen hinweg zurückgibt.
Spickzettel
Ein 3D-Array ist ein Array aus 2D-Arrays. Greifen Sie mit drei Indizes auf die Elemente zu: [building][floor][room].
const buildings = [
[
["R1", "R2"],
["R3", "R4"]
],
[
["R5", "R6"],
["R7", "R8"]
]
];
// Zugriff auf Elemente
buildings[0][1][1] // "R4"
buildings[1][0][0] // "R5"Probier es selbst
function countAllStrings(arr3D) {
// TODO: Berechne die Gesamtzahl der String-Elemente im 3D-Array
}
// Schreibe nichts außerhalb der FunktionDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Logik & Ablauf
1Strings im Detail
String-GrundlagenÜber Strings iterierenTemplate LiteralsString-MethodenRückblick – String Weaver4JSON Teil 2
Über JSON iterierenVerschachteltes JSONJSON Optional ChainingFlache und tiefe KopieWiederholung – FahrradladenWiederholung – Sonnensystem7Bibliotheksverwaltungssystem
ProjektübersichtBücher hinzufügen2Mehrdimensionale Arrays
Grundlagen zu 2D-ArraysZugriff auf 2D-Array-ElementeVerschachtelte Schleifen mit 2D-ArraysRückblick – 2D-ArraysMatrix-Addition & SubtraktionJagged Arrays3D-Arrays und mehrGängige 2D-Array-MusterRückblick – Alles über Arrays5Sets Teil 1
Was ist ein Set?Iterieren über SetsEin Element hinzufügenEin Element entfernenPrüfen, ob ein Element existiertGröße und Is EmptyCopy und ClearZusammenfassung - Grundlagen von Sets8Arrays: Interessante Themen
Array-DestrukturierungSpread-Syntax in ArraysSparse ArraysWiederholung – Arrays Workshop3JSON Teil 1
Was ist JSON?Prüfen, ob Key existiertObjektmethodenDer Spread-Operator Teil 1Der Spread-Operator Teil 2Keys entfernenWiederholung – JSON-Keys manipulieren