JavaScript における 2 次元配列初期化のマスター

はじめに

この実験では、JavaScript において 2 次元配列を初期化する方法を探ります。指定された幅と高さの配列を作成し、それを指定された値で埋めるために、Array.from() と Array.prototype.map() メソッドを使用します。この実験は、2 次元配列を扱い、それらが 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/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28390{{"2 次元配列を初期化する"}} javascript/data_types -.-> lab-28390{{"2 次元配列を初期化する"}} javascript/arith_ops -.-> lab-28390{{"2 次元配列を初期化する"}} javascript/comp_ops -.-> lab-28390{{"2 次元配列を初期化する"}} javascript/higher_funcs -.-> lab-28390{{"2 次元配列を初期化する"}} javascript/destr_assign -.-> lab-28390{{"2 次元配列を初期化する"}} end

JavaScript における 2 次元配列の初期化

JavaScript において 2 次元配列を初期化するには、次のコードを使用できます。

const initialize2DArray = (width, height, value = null) => {
  return Array.from({ length: height }).map(() =>
    Array.from({ length: width }).fill(value)
  );
};

このコードは、Array.from() と Array.prototype.map() を使用して、height 行の配列を作成します。その各行は、width の長さの新しい配列です。また、Array.prototype.fill() を使用して、配列内のすべての要素を value パラメータに設定します。value が提供されない場合、既定値は null になります。

この関数を次のように呼び出すことができます。

initialize2DArray(2, 2, 0); // [[0, 0], [0, 0]]

これにより、幅が 2、高さが 2、すべての値が 0 に設定された 2 次元配列が作成されます。

まとめ

おめでとうございます！2 次元配列の初期化の実験を完了しました。スキルを向上させるために、LabEx でさらに多くの実験を行って練習してください。