在 JavaScript 中转置二维数组

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将探讨在 JavaScript 中对二维数组进行转置的概念。我们将学习如何使用 Array.prototype.map() 方法来创建给定数组的转置。在本实验结束时,你将很好地理解如何在 JavaScript 中操作二维数组。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("`JavaScript`")) -.-> javascript/BasicConceptsGroup(["`Basic Concepts`"]) javascript(("`JavaScript`")) -.-> javascript/AdvancedConceptsGroup(["`Advanced Concepts`"]) javascript/BasicConceptsGroup -.-> javascript/variables("`Variables`") javascript/BasicConceptsGroup -.-> javascript/data_types("`Data Types`") javascript/BasicConceptsGroup -.-> javascript/arith_ops("`Arithmetic Operators`") javascript/BasicConceptsGroup -.-> javascript/comp_ops("`Comparison Operators`") javascript/BasicConceptsGroup -.-> javascript/array_methods("`Array Methods`") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("`Higher-Order Functions`") subgraph Lab Skills javascript/variables -.-> lab-28668{{"`在 JavaScript 中转置二维数组`"}} javascript/data_types -.-> lab-28668{{"`在 JavaScript 中转置二维数组`"}} javascript/arith_ops -.-> lab-28668{{"`在 JavaScript 中转置二维数组`"}} javascript/comp_ops -.-> lab-28668{{"`在 JavaScript 中转置二维数组`"}} javascript/array_methods -.-> lab-28668{{"`在 JavaScript 中转置二维数组`"}} javascript/higher_funcs -.-> lab-28668{{"`在 JavaScript 中转置二维数组`"}} end

在 JavaScript 中转置矩阵

要在 JavaScript 中转置二维数组,请执行以下步骤:

  1. 打开终端/SSH 并输入 node 开始练习编码。
  2. 使用 Array.prototype.map() 创建给定二维数组的转置。map() 方法通过在数组的每个元素上调用提供的函数来创建一个新数组。
  3. 提供的函数应接受两个参数:数组的当前元素及其索引。在这种情况下,我们只需要索引来创建转置。
  4. 使用索引访问二维数组每一行中的相应元素,并使用这些元素创建一个新数组。这将是转置数组中的新行。
  5. 对二维数组中的每一列重复上一步,以创建完整的转置数组。

以下是在 JavaScript 中转置二维数组的代码:

const transpose = (arr) => arr[0].map((col, i) => arr.map((row) => row[i]));

transpose([
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9],
  [10, 11, 12]
]);
// [[1, 4, 7, 10], [2, 5, 8, 11], [3, 6, 9, 12]]

总结

恭喜你!你已经完成了转置矩阵实验。你可以在 LabEx 中练习更多实验来提升你的技能。

您可能感兴趣的其他 JavaScript 教程