如何在Visual Studio代码中的Javascript中查看集合的内容?

时间:2018-07-16 12:59:41

标签: javascript visual-studio-code set

我正在使用Visual Studio Code Insiders。
我正在同时使用SitePoint的教科书教自己和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' }

我发现打印数组的内容没有问题,所以我不确定出什么问题。

1 个答案:

答案 0 :(得分:2)

  

我注意到,当我尝试显示书中所示集合的内容时,我只能显示集合中元素的数量

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

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

  

这正常吗?

  

我该怎么做才能在我的文本编辑器上看到我的集合的内容? [...]我发现打印数组的内容没问题

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

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