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 を確認する方法

推薦する

異なるページ間のJavaScriptデータ転送(URLパラメータ取得)

Web ページでは、あるページに情報を入力すると、別のページにジャンプし、入力した情報が別のページ...

Zabbix はどのようにして ssh 経由でネットワーク デバイス データを監視および取得するのでしょうか?

シナリオシミュレーション:ある会社の運用保守担当者は、以前購入した一連のネットワーク機器の光ポートの...

HTML でフロートをクリアする 2 つの方法

1. クリアフローティング法1前の親要素の高さを設定します。注: エンタープライズ開発では、可能であ...

LinuxでHomebrewを使用する正しい方法

多くの人が Linux Homebrew を使用しています。これをより良く使用するための 3 つのヒ...

MySQL 学習: 初心者のための 3 つのパラダイム

目次1. パラダイム基盤1.1 パラダイムの概念2. 3つの主要なパラダイム2.1 3つの主要なパラ...

オブジェクト指向の観点から Vue コンポーネントを理解するための簡単な分析

同じ関数や HTML コードが複数回使用される場合は、それらをコンポーネントに抽出することを検討でき...

MYSQL から MARIADB へのプロジェクト移行に関するチュートリアル

データベース (MySQL) を準備します。すでに MySQL をお持ちの場合は、これを無視できます...

Linux Autofs 自動マウント サービスのインストールと展開のチュートリアル

目次1. autofs サービスの紹介2. Autofsのインストールと展開3. Autofs効果の...

Docker コンテナのデプロイの試み - マルチコンテナ通信 (node+mongoDB+nginx)

その理由はモッカー プラットフォームを導入したかったので、友人の勧めで既成のプロジェクト api-m...

単一テーブルのMySQLバックアップとリストアに関する簡単な説明

A. MySQLバックアップツールxtrabackupのインストール1. Percona 公式 xt...

Vueのwatch、computed、methodsの違いのまとめ

目次1 はじめに2 基本的な使い方2.1 方法2.2 計算プロパティ2.3 リスナーを見る3 3つの...

VirtualBox で作成された Debian 仮想マシンは Windows ホストとファイルを共有します

用語: 1. VM: 仮想マシンステップ: 1. Windows 10 に VirtualBox 6...

Vue 仮想 Dom から実際の Dom への変換

別のツリー構造があるJavascriptオブジェクトでは、このツリーが本物であると伝えるだけでよいD...

Linux DMAインターフェースの知識ポイントの詳細な説明

1. 2種類のDMAマッピング1.1. 一貫性のあるDMAマッピング主に長期間使用されるエリアをマッ...

JSはプログレスバーのスムーズバージョンの詳細な計画を実装します

進捗バーがスムーズではないフロントエンドを学ぶ学生のほとんどは、オーディオプレーヤーやビデオプレーヤ...