chromeのconsoleから値を取得する方法

Question

現在WebRTCのSkywayを利用してグループチャットの実装を行なっています。

上の画像にて、roomを管理するIDが4で、connectionsの中の文字列が参加者一覧です。

自分以外に3人がグループに参加しており、この数を取得してサイトに表示しようと考えており、現在はconsole.logに表示させようとしている段階です。

現在
console.log(peer.rooms[4].connections);
とすると、

と表示されこれ以上うまく取得することができません。

console.log(Object.keys(peer.rooms[4].connections).length);

によってオブジェクトの中の数を数えら得れるということでしたが、オブジェクトではない？ため、0と出力されてしまいました。

基本的なことだとは思いますが、ご回答よろしくお願いします。

ーーーーーー追記ーーーーーーーー
console.log(Object.getOwnPropertyNames(peer.rooms[4].connections))
としましたが、

と表示されうまく取得することはできませんでした。

ーーーーー追記２ーーーーーーー

Answer 1

console.log(Object.keys(peer.rooms[4].connections).length);

によってオブジェクトの中の数を数えら得れるということでしたが、**オブジェクトではない？**ため、0と出力されてしまいました。

その判断は早計です。
公式サイトで MeshRoom#connections は「Object 型」と説明されていますし、typeof 演算子で型を調べることができます。
確認してから判断しましょう。

• MeshRoom - Javascript SDK | API Reference | SkyWay(アプリやWebサービスに、ビデオ・音声通話をかんたんに導入・実装できるSDK)

コンソールのスクリーンショットを見る限りでは Symbol 型ではなさそうなので、Object.getOwnPropertyNames() で列挙不可のプロパティ名を取得できるかを確かめてください。

• Object.getOwnPropertyNames() - JavaScript | MDN

Re: aldok さん

Comments

[退会済みユーザー]

回答ありがとうございます。
確かにオブジェクト型であり、軽率な判断でした。

また、質問欄に追記した通り、
Object.getOwnPropertyNames()
ではプロパティ名を取得することはできませんでした。

[think49]

では、下記コードの結果はどうなりますか。
console.dir(Object(peer.rooms[4].connections) === peer.rooms[4].connections);
console.dir(peer.rooms[4].connections);
console.dir(Array.from(peer.rooms[4].connections));
console.dir(Object.getPrototypeOf(peer.rooms[4].connections));
console.dir(Array.from(Object.getPrototypeOf(peer.rooms[4].connections)));

[think49]

console.log(peer.rooms[4].connections);
を書いている場所と「同じ場所」にして、breakpointを設定して下さい。

[退会済みユーザー]

教えていただいたコードを
console.log(peer.rooms[4].connections);
と同じ場所にして実行した結果を追記２に示しました。
よろしくお願いします。