在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中文网其他相关文章！