在JavaScript中使用嵌套數組

JavaScript數組詳解

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

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

let myArray = [1, 2, 3, 4, 5];

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

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

let users = ["John", "Jane", "Jack"];
console.log(users[0]); // 输出： "John"

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

const varied = [null, undefined, NaN, "string", 12345, {name: "Sam"}];

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

JavaScript嵌套數組

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

const arrayOfArr = [
  ['value 1', 'value 2'],
  ['value 3', 'value 4'],
  ['value 5', 'value 6']
];

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

const animalPairs = [
  // 母的和公的
  ['doe', 'buck'],
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];

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

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

animalPairs[0]

在控制台中打印結果：

console.log(animalPairs[0]) // ['doe', 'buck'],

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

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

animalPairs[0][0]

輸出如下：

console.log(animalPairs[0][0]) // 'doe'

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

animalPairs[0][1] // 'buck'

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

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

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

const animalPairs = [
  ['doe', 'buck'], // 删除此项
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];
animalPairs.shift();

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

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

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