javascriptの連想配列のプロパティに他の配列名をセット

Question

タイトルの通りjavascriptの連想配列のプロパティのところに他の配列名をセットし、連想配列[プロパティ]でその配列を呼び出すことってできないでしょうか。

これをしたいと思う理由なのですが、
以下のようなイメージの３次元配列を作りたいのです。
３次元目の配列a,b,c,d,e,f,gにはそれぞれ１００個の要素が入っており、
それが別々にA,B,Cという配列に入っており
それがAAAという配列に入っています。

本来は次元は３のままで、Aやaのあたりの配列数が倍くらいあるかなり大規模な３次元配列を作りたいと思っているのですが、これをそのまま１つのファイルに書いてしまうと、だいぶ見栄えが悪く、可読性も下がる気がしてなりません。

そこでAというファイルの中にa,bの配列、
Bというファイルの中にc,dを記述します。

また、ユーザーにselectのoptionで選択されたvalueを取得していき、
「AAA」→「A」→「b」
と入力されたら「AAAAb」のような文字列を作り,
それをkeyとしている連想配列のプロパティにaの配列をセットしておくことでaを呼び出すという風にしたいと思っています。

var 連想配列 ={
  "AAAAb": b(の配列),
  "AAABc": c(の配列),
  "AAABd": d(の配列),
  "AAACe": e(の配列)
};

このままでは
連想配列[AAAAb]としてもただの文字列「b」が表示されると思いますが、
ここで配列bの中身を表示させたいのです。

・タイトルのようなことはできるのか
・これを実現するための他のアイデアはあるか

あたりを教えて頂けるとうれしいです。
よろしくお願いします。

Answer 1

オブジェクト初期化子

オブジェクト初期化子({})や配列初期化子([])は値に変数名を使えるので、各外部スクリプトでグローバル変数を宣言すれば、別の外部スクリプトから変数を参照する事は可能です。

var a = ['a1','a2','a3','a4'];  // a.js
var b = ['b1','b2','b3','b4'];  // b.js
var c = ['c1','c2','c3','c4'];  // c.js
var d = ['d1','d2','d3','d4'];  // d.js
var e = ['e1','e2','e3','e4'];  // e.js
var f = ['f1','f2','f3','f4'];  // f.js
var g = ['g1','g2','g3','g4'];  // g.js

// AAAA.js
var AAAA = {  // オブジェクト初期化子(連想配列ではない)
  'AAAAa': a,
  'AAAAb': b,
  'AAABc': c,
  'AAABd': d,
  'AAACe': e,
  'AAAAf': f,
  'AAAAg': g
};

ただし、データが大規模になってくるのなら配列初期化子の内容を手動で書き換えるのは手間なので、

• DBを参照してJSONを出力させる
• a.txt, b.txt, ...,g.txt を参照してJSONを出力させる

のように、何らかの機械的な機構を作っておくと、より管理しやすいと思います。

連想配列

オブジェクト初期化子({})を「連想配列」と表現していらっしゃいますが、オブジェクト初期化子は配列ではないので厳密にはその表現は正しくありません(よって、三次元配列でもありません)。
他の人に「この三次元配列を...」と説明すると誤解を招くのでご注意ください。

ノード

図面では Node とありますが、DOMノードのような機能を求めている場合にはオブジェクト初期化子だけでは足りない機能があります。
parentNode で親ノードを辿ることが出来なければ、nextSibling や previousSibling も使えません。
また、オブジェクト初期化子のプロパティには順番の概念がないので定義順で列挙する事も出来ません。
順番に関しては new Map がほぼオブジェクト初期化子の上位互換なので導入を検討してみるのも良いかもしれません。
parentNode の実装は Node と同じような Interface を独自実装する必要があります(具体的には参照関係を裏側で保持しておく必要がありますね)。

Re: cloudspider さん

Answer 2

読解できていないので外している気もしますが、あったらオブジェクトから拾ってなかったら外部から読み込んでAAAAに繋げる、とかでしょうか。

また、100*100要素くらいなら丁寧に書けば可読性に問題が出る量じゃない気もします。

var AAAA = {
	  A : {
	  	  a : [ 1, 100 ]
	  	, b : [ 1, 100 ]
	  }
	, B : {
	  	  c : [ 1, 100 ]
	  	, d : [ 1, 100 ]
	  }
	, C : {
	  	  e : [ 1, 100 ]
	  	, f : [ 1, 100 ]
	  	, g : [ 1, 100 ]
	  }
};
console.log( AAAA.A.a[ 0 ] ); // 1

function get_A ( key, callback ) {
	let obj = AAAA;
	for ( let i = 0, l = key.length; i < l ; i++  ) {
		if ( !obj[ key[ i ] ] ) {
			read_file( key, i, function ( value ) { get_A ( key, callback ); } );
		} else if ( l === i + 1 ) {
			callback( obj[ key[ i ] ] );
		} else {
			obj = obj[ key[ i ] ];
		}
	}
}
get_A( [ 'A', 'a', 1 ], function ( value ) {
	console.log( value ); // 100
} );

function read_file ( key, i, callback ) {
	// 外部から読み込んでAAAAに繋げる
}
```**動くサンプル：**[https://jsfiddle.net/gqhrg8Lp/](https://jsfiddle.net/gqhrg8Lp/)