JavaScriptのオブジェクト型について

Question

JavaScriptのオブジェクト型について、初歩的な質問失礼します。

この記事を参考に、vis.jsを使ってネットワーク図を描画しています。
この際に，nodesというオブジェクト型の変数を使用するのですが，nodesの中身を確認すると、以下のような値でした。

n {_options: {…}, _data: {…}, length: 2, _fieldId: "id", _type: {…}, …}length: 2_data: ***省略***__proto__: Object_fieldId: "id"_options: {}_subscribers: {add: Array(0), update: Array(0), remove: Array(0)}_type: {}__proto__: Object

この先頭の"n"はなんでしょうか？
オブジェクト型のプロパティ名なら、右側に":"がつくはずですが，この"n"にはついていません．
試しに"nodes[0]"を表示してみましたが、エラーになりました。

Comments

[int32_t]

どうやって「nodesの中身を確認」しましたか?

[riko0821]

console.log(nodes)で確認しました！

Answer 1

n という名前のクラスのインスタンスだと思います。n という名前は minify されたもので、元の名前を知りたければ vis.min.js ではなく vis.js の方を読み込むと DataSet であることが分かります。

-    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.min.js"></script>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.js"></script>

Comments

[riko0821]

ありがとうございます！そうだったんですね！
vis.jsを読み込んだところ，インスタンス名がDataSetになっているのを確認できました！

Answer 2

ChromeとSafariは、オブジェクトの型名(クラス名、コンストラクタ名)を表示するようです。Firefoxでは型名はObjectになってしまうようです。

Comments

[riko0821]

ありがとうございます！
ブラウザにもよるんですね．勉強になりました！