JavaScript で 2 次元配列を作成するためのヒント

JavaScript で 2 次元配列を作成するためのヒント

Js での 2 次元配列の作成:

まず、JavaScript は 1 次元配列のみをサポートしていますが、いくつかの方法を通じて行列や多次元配列を実装できます。

通常の作成方法では問題ありません。

(1)1次元配列をネストして2次元配列を作成する。

arr = [] とします。
0 = [1,2,3,4,5,6];
a[1] = [10,20,30,40,50,60]

次に、この2次元配列の要素を反復処理するために、2つのforループを使用します。

この方法を使用して多次元配列を作成すると、次元の数に関係なく、ネストされたループを介してそれを走査できます。

問題に遭遇する方法:

  arr1 = new Array(10).fill(new Array(10).fill(0)) とします。

コンソールにarr1が表示されます:

画像の説明を追加してください

このとき、 arr[0][0] = 1に設定すると、2次元配列のすべてのサブ配列の最初の項目が1に変更されることがわかります。

画像の説明を追加してください

理由:

画像の説明を追加してください

要約すると、正直な作成方法を選択する方が良いでしょう。

var a = 新しい配列();

for(var i=0;i<5;i++){ //1次元の長さは5

    a[i] = 新しい配列();

    for(var j=0;j<5;j++){ //2次元の長さは5です

    	0 の場合
   }

}

JavaScript での 2 次元配列の作成テクニックに関するこの記事はこれで終わりです。JavaScript の 2 次元配列に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • 2次元配列をJSON形式の文字列に変換するJS実装例
  • JSは2次元配列要素の順列と組み合わせ操作の簡単な例を実装します
  • JavaScript で 2 次元配列を動的に作成する方法の例
  • JavaScript の 2 次元配列とオブジェクトのディープ コピーとシャロー コピーの分析
  • Python 2次元キー値配列の生成とJSONへの変換の例
  • JSにおける1次元配列と2次元配列の変換について
  • JavaScript 配列操作: 2 次元配列の回転

<<:  MySQL の効率的なクエリの左結合とグループ化 (プラス インデックス)

>>:  純粋な HTML ページを送信し、パラメータを渡し、ID を確認する方法

推薦する

シェルでパスワードなしでMySQLデータベースに素早くログインする方法

背景Shell の mysql-client を介して MySQL データベースにログインする場合、...

Docker ベースの GitLab 環境をデプロイする方法と手順

注意:仮想マシンのメモリは2G以上が推奨され、 Alibaba Cloudのアクセラレーションイメー...

Nodejs モジュール システムのソースコード分析

目次概要CommonJS 仕様Node の CommonJS 仕様の実装モジュールのエクスポートとイ...

HTMLリンクを書くときは、HTTPリクエストを減らすためにサブフォルダに必ずスラッシュを追加してください。

サブフォルダーの末尾にスラッシュがない場合、2 つの HTTP リクエストが生成され、効率に影響しま...

Linux システムで Vim を使用してリモート ファイルを読み書きするコマンドの詳細な説明

vim の動作モードを設定する (一時的) :set (モード情報) :set nu — 行番号を表...

MySQL 集計関数のソート

目次MySQL 結果のソート - 集計関数環境クエリ結果の並べ替えクエリのグループ化と集約生徒の平均...

IOSデータベースアップグレードデータ移行の詳細な例

IOSデータベースアップグレードデータ移行の詳細な例まとめ:昔、データベースのバージョン アップグレ...

ウェブサイトのホームページを作成するための基本原則

1. ウェブサイトのホームページのハイパーテキスト ドキュメントの構成構造は、ユーザーの注意をできる...

Dockerコミットの使い方の詳しい説明

場合によっては、ベースイメージに特定の依存関係をインストールする必要があります。Dockerfile...

今日、今週、今月、先月のMySQLクエリデータ

今日 テーブル名から * を選択します。ここで、to_days(時間フィールド名) = to_day...

React setStateデータ更新メカニズムの詳細な説明

目次setStateを使用する理由setStateの使用法非同期または同期更新要約するsetStat...

計算機機能を実装するミニプログラム

この記事の例では、計算機機能を実装するためのミニプログラムの具体的なコードを参考までに共有しています...

Vue ライフサイクルの紹介とフック関数の詳細な説明

目次Vueライフサイクルの紹介とフック機能VUEライフサイクルフックVue ライフサイクルの紹介作成...

CSS を使用して小さな画像をプルダウンし、大きな画像と情報を表示する方法

今日は、Taobao、JD.comなどのショッピングモールでよく使われている、小さな画像の上にマウス...

画像マーキー効果を実現するネイティブJS

今日は、ネイティブ JS で実装された画像マーキー効果を紹介します。効果は次のとおりです。 実装され...