Arbeiten mit verschachtelten Arrays in JavaScript

detaillierte Erläuterung des JavaScript -Arrays

JavaScript Array ist eine Sammlung von Daten, die in Listenformular gespeichert sind. Auf Arrays werden unter Verwendung von Indizes zugegriffen, was bedeutet, dass auf jedes Array -Element ab 0 über einen Ganzzahlindex zugegriffen werden kann.

Zum Beispiel sieht ein einfaches Array so aus:

<code class="language-javascript">let myArray = [1, 2, 3, 4, 5];</code>

In diesem Beispiel wird das erste Element des Arrays auf 0 indiziert, das zweite Element wird auf 1 und so weiter indiziert.

Arrays werden häufig verwendet, um Datensammlungen zu speichern, die einen schnellen und einfachen Zugriff erfordern. Wenn Sie beispielsweise eine Gruppe von Benutzern in Ihrer Anwendung haben, können Sie sie in einem Array speichern und über einen Index auf sie zugreifen.

<code class="language-javascript">let users = ["John", "Jane", "Jack"];
console.log(users[0]); // 输出： "John"</code>

Arrays können verschiedene Arten von Werten speichern, einschließlich Zeichenfolgen, Zahlen und Objekten. Es ist vollständig gültig, verschiedene Wertearten im selben Array zu speichern.

<code class="language-javascript">const varied = [null, undefined, NaN, "string", 12345, {name: "Sam"}];</code>

Sie können auch ein Array in einem anderen Array speichern (oder nisten). Dies erzeugt ein sogenanntes zweidimensionales Array.

JavaScript verschachtelte Arrays

Ein zweidimensionales Array (auch als Array von Arrays bezeichnet) ist nur ein Array mit einem oder mehreren Subtarrays. Diese Kinderarrays werden im übergeordneten Array als verschachtelt bezeichnet.

<code class="language-javascript">const arrayOfArr = [
  ['value 1', 'value 2'],
  ['value 3', 'value 4'],
  ['value 5', 'value 6']
];</code>

verschachtelte Arrays können verwendet werden, um Elemente zu gruppieren. Schauen wir uns zum Beispiel das folgende zweidimensionale Array an:

<code class="language-javascript">const animalPairs = [
  // 母的和公的
  ['doe', 'buck'],
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];</code>

Hier kombinieren wir die weiblichen und männlichen Namen desselben Tieres in jedes verschachtelte Array. Das Weibchen ist links und das Mann ist rechts.

Um auf das erste Element zuzugreifen, können Sie Index 0 verwenden, wie unten gezeigt:

<code class="language-javascript">animalPairs[0]</code>

Druckergebnisse in der Konsole:

<code class="language-javascript">console.log(animalPairs[0]) // ['doe', 'buck'],</code>

Um auf die Werte im verschachtelten Array zugreifen zu können, müssen Sie eine zweite Klammung hinzufügen, auf die der Index der zugegriffenen Werte enthalten ist. Angenommen, Sie möchten den weiblichen Namen vom ersten Array erhalten. Da Sie wissen, dass Frauen immer vorne sind, brauchen Sie nur:

• Verwenden Sie [0], um das erste Element in diesem verschachtelten Array zu erhalten (in diesem Fall den weiblichen Namen):

<code class="language-javascript">animalPairs[0][0]</code>

Die Ausgabe ist wie folgt:

<code class="language-javascript">console.log(animalPairs[0][0]) // 'doe'</code>

Wenn Sie das zweite Element im ersten verschachtelten Array erhalten möchten:

<code class="language-javascript">animalPairs[0][1] // 'buck'</code>

In diesem Fall gibt es in jedem verschachtelten Array nur zwei Elemente, sodass unsere Index mit [ ] endet und das verschachtelte Array zurückgibt, während die zweite unshift() -Methode:

<code class="language-javascript">const animalPairs = [
  // 将在此处插入母鸡和公鸡
  ['doe', 'buck'],
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];
animalPairs.unshift(['hen', 'rooster']);</code>

, um ein Array am Ende des übergeordneten Einsachen einzulegen, übergeben das Array an die shift() -Methode im übergeordneten Array:

<code class="language-javascript">const animalPairs = [
  ['doe', 'buck'], // 删除此项
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];
animalPairs.shift();</code>

schließlich, um das letzte Array zu löschen, id, username, usw.

Wenn Sie jedoch verstehen, wie Sie in verschachtelten Arrays auf Daten zugreifen und manipulieren können, können Sie die Sprache besser verstehen. Es hilft Ihnen auch, die Syntax für das Durchqueren komplexer Array -Strukturen in JavaScript zu beherrschen.

Das obige ist der detaillierte Inhalt vonArbeiten mit verschachtelten Arrays in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!