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. 提供された関数は 2 つの引数を取る必要があります。配列の現在の要素とそのインデックスです。この場合、転置を作成するために必要なのはインデックスだけです。
  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 でさらに多くの実験を練習することができます。