わかりやすく視覚的に確認する為の補助スクリプトです。データの構造がはっきり見えていないと暗中模索の状態です。視覚化して構造を頭に入れておくとコーディングが楽になります。データを変更したり、処理したりする物ではなく状態を見る為だけのスクリプトです。死人しやすいテーブルの状態で表示されます。JSON形式のJavaScriptデータを打ち出すことで簡単に確認できます。同じディレクトリにHTMLファイルを置き、スクリプト内から呼び出すリッチテーブル版があります。名前と違ってリッチ版の方が使いやすいです。※どちらもWindows、Shift_JISで書かれている物が入っています。Explorer風ツリー表示と編集、コピーが可能な物は別ページにあります。src="simpletable.js"></script>読み込ませるか、simpletable.jsのコードを書き込んでください。囲んだものを引数0、1としてHashTable関数を呼び出します。Step3自分のスクリプトを動かしてください。配列、連想配列がテーブルとして表示されます。}を書き込むか、関数化するなどしてこの処理へ誘導してください。変数を指定してください。$Hashstrに、配列をJSON形式にした文字データが格納されます。Step2HTML部分、またはHTML出力部分で、次のようなスクリプトタグとコードを打ち出すようにしてください。$Hashstrが変数の値として展開されるように。]Step1調べたい配列のあるJavaScriptソースのあるHTMLファイルと同じ場所にrichtable.htmlを置きます。window.open('richtable.html?main','Hashwin','width=700,height=600,resizable=yes,scrollbars=yes');Step3自分のスクリプトを動かしてください。(むき出しならリロード、関数内ならその関数を呼び出すまでの流れ)その地点に処理が来ると、ポップアップウィンドウが開きます。ポップアップウィンドウ側から変数が参照されて配列、連想配列がテーブルとして表示されます。}を書き込むか、関数化するなどしてこの処理へ誘導してください。配列変数を引数として指定してください。$Hashstrに、配列をJSON形式にした文字データが格納されます。Step2HTML部分、またはHTML出力部分で、次のようなスクリプトタグとコードを打ち出すようにしてください。$Hashstrが変数の値として展開されるように。無理な場合は$Hashstrを単純にHTML上に文字列展開させてください。JSON型のリテラルデータが表示されますので、コピーして『使い方3』を利用してください。]Step1ブラウザで普通にrichtable.htmlをそのまま開いてください。単独で開くとインターフェイスとしてデータ入力用フォームが表示されます。Step2変数名(参照用)はあっても無くても良いですが、あった方がわかりやすいかも?データを入力してSubmitボタンを押します。注意事項等このスクリプトこれは単に連想配列や多重配列を視覚的に確認する為の物で、ライブラリではありません。処理の計画を立てたり、処理の結果の確認などに利用する為の物です。windowオブジェクトなど、JavaScriptが持つオブジェクトは渡さないでください。これは単独で開いてる場合、windowその物を指し示すので無限ループします。これらのオブジェクトはFireFoxのDomInspectorなどで見ればわかる通り大量のプロパティと、その下層の何層にもなるオブジェクトプロパティの構成でできています。このテーブルビュアーは最深層までfor()ループを何度も繰り返します。データが大きすぎるとフリーズする場合もあります。それをrichtable.htmlのフォーム入力から使う方が便利だと思います。別窓で開いておいて参照用にする事でコーディングも楽になると思います。したデータでも結構な長さ(大きさ)の配列になる場合があるので、処理が重くなる場合が多いです。データの正確性データテーブルがデータを100%正確に表示しているかどうかに関しては保証しかねます。HTMテーブルで表示をする為データの表示用加工などもありますので。自己責任で利用してください。公開ネット上への掲載はこれはコード中の変数の確認をする為の物ですので、基本ローカルやコーディング中に使う為の物です。richtable.htmlのフォーム入力をネット上に掲載する場合などもあるかもしれませんが、その際は著作権表示及びリンクが必ずはっきりわかるようにしてください。部分引用も含めて確認連絡を必ずください。)無駄な高額ドメイン管理料金払ってませんか?バリュードメインムームードメインお客さんに振込手数料を払わせていませんか?イーバンク銀行同士なら振込手数料無料。配布素材以外のコンテンツの無断使用・転載を禁じます。