JavaScript ループで動的な変数名を作成するにはどうすればよいですか?

ループ内での動的変数名の作成

ネストされたループを操作する場合、またはデータ構造を反復処理する場合、ループの反復に基づいて変化する動的変数名を作成する必要が生じます。またはデータ項目。 「 」を使用して文字列と変数を直接結合するのは単純な解決策のように思えるかもしれませんが、以下のコード スニペットに示されているように、このアプローチでは多くの場合エラーが発生します。

for (var i = 0; i < coords.length; ++i) {
  var marker+i = "some stuff";
}

上記のコードでは、次のことを意図しています。マーカー0、マーカー1などの名前の変数を作成します。ただし、JavaScript はこのように動的に作成された変数名をサポートしていません。代わりに、マーカー i を 2 つの変数の合計として解釈し、構文エラーが発生します。

解決策: 配列の使用

この問題に対処するには、配列を使用して関連付けられた値を格納することをお勧めします。動的変数名を使用します。配列は、インデックスを使用してアクセスできる値のコレクションを作成および管理するためのシンプルかつ効率的な方法を提供します。

var markers = [];
for (var i = 0; i < coords.length; ++i) {
  markers[i] = "some stuff";
}

この変更されたコードでは、配列マーカーが宣言され、空の配列に初期化されます。次に、ループは coords 配列を反復処理し、値「some thing」を markers 配列の i 番目の要素に割り当てます。これにより、インデックスによって各値にアクセスでき、動的変数名を効果的にシミュレートできるという望ましい効果が得られます。たとえば、マーカー 0 の値にアクセスするには、マーカー[0].

を使用します。

以上がJavaScript ループで動的な変数名を作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。