在JavaScript中使用嵌套數組

JavaScript數組詳解

JavaScript數組是一種以列表形式存儲數據的集合。數組使用索引訪問，這意味著每個數組項都可以通過從0開始的整數索引來訪問。

例如，一個簡單的數組如下所示：

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

在這個例子中，數組的第一個元素索引為0，第二個元素索引為1，以此類推。

數組通常用於存儲需要快速輕鬆訪問的數據集合。例如，如果您的應用程序中有一組用戶，您可以將它們存儲在數組中，並通過索引訪問它們。

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

數組可以存儲各種類型的值，包括字符串、數字和對象。在同一個數組中存儲不同類型的值是完全有效的。

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

您還可以將一個數組存儲（或嵌套）在另一個數組中。這將創建一個所謂的二維數組。

JavaScript嵌套數組

二維數組（也稱為數組的數組）只是一個包含一個或多個子數組的數組。這些子數組被稱為嵌套在父數組中。

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

嵌套數組可以用來分組相關的元素。例如，讓我們來看下面的二維數組：

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

在這裡，我們將同一動物的雌性和雄性名稱配對到每個嵌套數組中。母的在左邊，公的在右邊。

要訪問第一個元素，您可以使用索引0，如下所示：

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

在控制台中打印結果：

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

現在，要訪問嵌套數組中的值，您必須添加第二個括號，其中包含要訪問的值的索引。例如，假設您想從第一個數組中獲取雌性名稱。由於您知道雌性總是放在前面，您只需：

• 使用[0]獲取該嵌套數組中的第一個元素（在本例中為雌性名稱）：

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

輸出如下：

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

如果您想獲取第一個嵌套數組中的第二個元素：

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

在本例中，每個嵌套數組中只有兩個元素，因此我們的索引終止於[ ]返回嵌套數組，而第二個unshift()方法：

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

要在父級末尾插入數組，請將數組傳遞給父級數組上的shift()方法：

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

最後，要刪除最後一個數組，請執行id、username等等。

但是，了解如何在嵌套數組中訪問和操作數據有助於您更好地理解該語言。它還可以幫助您掌握遍歷 JavaScript 中復雜數組結構的語法。

以上是在JavaScript中使用嵌套數組的詳細內容。更多資訊請關注PHP中文網其他相關文章！