只能从 DevTools 访问 JavaScript 映射中的值

Question

所以我正在尝试访问从第三方服务 (Twilio) 返回的数组中的值，并且我可以在放置时得到我需要的东西

room.participants.forEach(function(participant){
    console.log(Array.from(participant.tracks));
});

在开发工具中，我收到：

(2) [Array(2), Array(2)]
0: (2) ["f469c8e5-4f94-4752-b018-af02d32fe448", AudioTrack]
1: (2) ["be6c2aa6-4c7c-4431-a964-a711f000562a", VideoTrack]
length :2
__proto__ : Array(0)

但我脚本中的相同代码会产生[] 作为结果。这不是时间问题，因为我可以使用控制台记录 room.participants 以及各个轨道的地图

var myKeys = room.participants.keys();
console.log(myKeys); 
var myParticipant = room.participants.get(myKeys.next().value);
console.log(myParticipant);
console.log(myParticipant.audioTracks);
console.log(myParticipant.videoTracks);

但是当我尝试通过相同的方法foo.next().value 访问轨道的值时，我会收到一个空地图，如果我尝试Array.from() 方法，我会收到一个空数组。
发生了什么?!

Answer 1

console.log() 将为您提供正在记录的对象的实时视图，因此如果是时间问题，那么当您查看控制台时，您正在记录的对象将已更新.

因此，这种情况下的解决方案在于数据的填充方式。