javascript - 如何在 Visual Studio Code 中查看 Javascript 中的集合内容？

Question

我正在使用 Visual Studio Code Insiders。
我正在使用 SitePoint 的教科书同时自学 Javascript 和 Javascript。

我注意到，当我尝试按照书中所示显示我的集合的内容时，我只能显示集合中元素的数量。但是，我应该看到集合的内容。使用命令行时，确实显示了内容。

这是我的文本编辑器设置，还是这正常？我该怎么做才能在我的文本编辑器上看到我的集合的内容？我是否应该继续将我的集合复制并粘贴到命令行中以查看它们是否有效？

这是我输入的:

const letters = new Set ('hello');
console.log(letters);

这是 VS Code Insider 打印的内容:

>>Set(4) {}

这是命令行打印的内容:

const letters = new Set('hello');
>>undefined

console.log(letters);
>>Set { 'h', 'e', 'l', 'o' }

我发现打印数组的内容没有问题，所以我不确定哪里出了问题。

Answer 1

I noticed that when I tried to display the contents of my set as shown in the book, I could only display the number of elements in the set

在 JavaScript 中显示变量的内容取决于 JavaScript 运行的环境。

正如您所指出的，VS Code 的显示方式与命令行不同。他们每个人都是不同的口译员。

is this normal?

是的

What can I do to be able to see the contents of my sets on my text editor? [...] I find I have no problem printing the contents of an array

因为它适用于数组(这表明两个解释器对该类型的实现非常相似)，您可以在显示时将 Set 转换为数组:

const letters = new Set ('hello');
console.log(Array.from(letters));
console.log([...letters]) // or this way