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 の遅いクエリとクエリ再構築方法の記録

序文スロークエリとは何か、またスロークエリを最適化するにはどうすればよいか。以下では、これら 2 つ...

Zabbixで電子メールアラートを実装する方法

オンラインチュートリアルに従って実装しました。 zabbix3.4、スクリプトとsendEmailを...

MySQL チュートリアル データ定義言語 DDL の例 詳細な説明

目次1. SQL言語の基本機能の紹介2. データ定義言語の目的3. データベースの作成と破棄4. デ...

JavaScript を使用して div の位置をドラッグして入れ替える例

1 実施原則これは、DOM 要素の dragstart/ondragover/ondrop イベント...

Linux でのスケジュールされたタスクと遅延タスクの詳細な説明

で+ 時間 17:23に at> touch /mnt/file{1..9} ##アクションを...

MySQL インデックスの効率的な使用ガイド

序文ほとんどの方がMySQLとインデックスを使用したことがあると思いますが、適切なインデックスを作成...

MySQLを閉じることができない問題を解決する方法

mysql が閉じない場合の解決策:コンピュータのタスクバーを右クリックしてタスクマネージャーを開き...

簡単な手順で純粋な CSS3 で 3D 反転効果を実現

フロントエンド開発者の必須科目であるCSS3は、多くの基本的なアニメーション効果を実現するのに役立ち...

CentOS に MySQL をインストールしてリモート アクセスを設定する方法

1. MySQLリポジトリソースをダウンロードする$ wget http://repo.mysql....

vue3でDOMをマウントするためのプラグインを書く際の問題について

vue2と比較して、vue3にはアプリの概念が追加され、vue3プロジェクトの作成も // メイン....

Vue3 のウォッチの使用方法とベストプラクティスガイド

目次序文🌟 1. APIの紹介2. 複数のデータソースの監視3. リスニングアレイ4. 監視対象5....

Navicat for MySQLのスケジュールされたデータベースバックアップとデータ復旧の詳細

データベースの変更または削除操作によってデータ エラーが発生したり、データベースがクラッシュしたりす...

さまざまなMySQLインデックスの使用方法の詳細な説明

1. 遅いクエリログ1.1 MySQL ログの種類ログは、データベースの操作や、ユーザーがデータベー...

Vueはシンプルなタイマーコンポーネントを実装します

プロジェクトを実行すると、リアルタイム更新、広告アニメーションの連続表示などの要件に遭遇することは避...

HTML ページ ヘッダー コード例の詳細な説明

知識ポイント1: ヘッダー情報にWebページのベースURLを設定するベース URL の本質は、ハイパ...