本文旨在帮助开发者理解如何在 JavaScript 中创建和操作多维数组，并通过一个 To-Do List 的实例，演示如何向数组中添加嵌套数组，以及如何利用 push 方法和展开运算符 ... 或 forEach() 方法来实现这一目标，最终生成包含多个任务的 To-Do List。
理解多维数组
多维数组，简单来说，就是数组中的元素本身也是数组。在 JavaScript 中，这允许我们创建更复杂的数据结构，例如矩阵、表格或 To-Do List。每个子数组可以代表一行数据，而每个元素代表该行中的一个字段。
创建 To-Do List
假设我们需要创建一个 To-Do List，其中每个任务包含任务描述和预计完成时间（分钟）。我们可以使用一个多维数组来表示这个列表，每个子数组包含任务描述（字符串）和完成时间（数字）。
使用 push 和展开运算符 ...
在给定的代码片段中，目标是将 tasks 数组中的每个任务（子数组）添加到 toDoList 数组中。原代码尝试将整个 tasks 数组作为一个元素推入 toDoList，这会导致 toDoList 变成一个包含一个元素的数组，而该元素是 tasks 数组本身。
立即学习“Java免费学习笔记（深入）”；
为了正确地将 tasks 中的每个子数组添加到 toDoList，我们可以使用展开运算符 ...。展开运算符可以将一个可迭代对象（例如数组）展开为单独的元素。
function createToDoList() {
const toDoList = [];
// Do not alter any code above here
const tasks = [
['task 1', 45],
['task 2', 87],
['task 3', 83]
];
toDoList.push(...tasks);
// Do not alter any code below here
return toDoList;
}
console.log(createToDoList()); // 输出: [ [ 'task 1', 45 ], [ 'task 2', 87 ], [ 'task 3', 83 ] ]在这个例子中，toDoList.push(...tasks) 将 tasks 数组中的每个子数组作为单独的参数传递给 push 方法，从而将它们分别添加到 toDoList 中。
使用 forEach() 方法
另一种实现相同目标的方法是使用 forEach() 方法。 forEach() 方法允许我们遍历数组中的每个元素，并对每个元素执行一个函数。
function createToDoList() {
const toDoList = [];
// Do not alter any code above here
const tasks = [
['task 1', 45],
['task 2', 87],
['task 3', 83]
];
tasks.forEach(task => toDoList.push(task));
// Do not alter any code below here
return toDoList;
}
console.log(createToDoList()); // 输出: [ [ 'task 1', 45 ], [ 'task 2', 87 ], [ 'task 3', 83 ] ]在这个例子中，tasks.forEach(task => toDoList.push(task)) 遍历 tasks 数组，并将每个 task（子数组）推入 toDoList 数组。
总结
使用展开运算符 ... 和 forEach() 方法都可以有效地将嵌套数组添加到现有的数组中。选择哪种方法取决于个人偏好和代码风格。展开运算符通常更简洁，而 forEach() 方法在需要对每个元素执行更复杂的操作时可能更合适。 在实际应用中，理解如何操作多维数组对于处理各种数据结构至关重要。
