JavaScriptで二次元配列を生成する方法

JavaScript では、2 次元配列は特殊な配列タイプであり、配列のバッチで構成される配列です。次の方法で 2 次元配列を生成できます。

1. ループによる 2 次元配列の作成

for ループ ステートメントを使用して 2 次元配列を作成できます。ここでは 3X3 配列を作成します。

var arr = new Array(3);
for(var i=0; i<3; i++){
  arr[i] = new Array(3);
}

上記のコードは 3 つの要素を含む配列を作成します。各要素は長さ 3 の配列です。要素には、配列のインデックスにアクセスすることでアクセスできます。たとえば、arr[0][0] は、配列の最初の行と最初の列の要素を表します。

2. リテラル構文を使用して 2 次元配列を作成する

JavaScript では、リテラル構文を使用して 2 次元配列を作成できます。ここでは、3 X 3 の配列を作成します。

var arr = [
  [1,2,3],
  [4,5,6],
  [7,8,9]
];

上記のコードは 3 つの要素を含む配列を作成します。各要素は長さ 3 の配列です。

3. Array.from メソッドを使用して 2 次元配列を作成します。

ES6 では、Array.from() メソッドを使用して 2 次元配列を作成できます。このメソッドを使用すると、配列の長さと初期値を指定できます。

var rows = 3;
var cols = 3;
var initialValue = 0;
var arr = Array.from({length: rows}, ()=> new Array(cols).fill(initialValue));

最初に行数 (rows) と列数 (cols) を定義し、次に Array.from() メソッドを使用してオブジェクトを渡します。このオブジェクトには、配列の長さを表す length プロパティが含まれています。また、各要素の配列を作成し、fill() メソッドを使用して指定された初期値にその配列を埋めるコールバック関数も渡します。

概要

JavaScript では、さまざまなメソッドを使用して 2 次元配列を作成できます。いずれの方法であっても、2 次元配列の内部構造とアクセス方法を理解することが重要です。 2 次元配列は、特にゲーム プログラミングや描画アプリケーションなどの分野で、多次元データの保存と処理に一般的に使用されます。

以上がJavaScriptで二次元配列を生成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。