javascript - 为什么我不能在地图对象上使用 for in 循环

Question

为了我自己的利益，我正在浏览 Javascript 中的每个内置结构化对象，特别是我正在尝试每个基本的“for”循环，以便我了解什么在哪里起作用。

在 Map 的情况下，我注意到 for/in 循环是无声的。我本来希望它返回地图中每个条目的键值。

let map = new Map([[1, 1], ["two", "two"]]);
map.set("three", 3); // Instead of add
console.log(`map has three = ${map.has("three")}`);
console.log(`map has size ${map.size}`);
// no 'for loop' because map uses keys instead of index numbers
for (let key in map) console.log(`for key ${key} in map ${map}`); // <<< This does not return??
for (let value of map) console.log(`for ${value} of ${map}`); 
map.forEach((value, key, localScopeCopyOfMap) => console.log(`forEach value ${value} in map 
${[...localScopeCopyOfMap]}`));

为什么这不返回任何东西？

标签： javascript

Answer 1

for...in迭代对象的可枚举属性。映射中的键不是可枚举属性（尽管映射与所有对象一样，可以具有可枚举属性）。一方面，它们可以是任何类型，而不仅仅是字符串，就像 JavaScript 对象一样，它们在历史上代表地图。

for...of迭代一个iterable，这就是迭代Map产生其键/值的方式。

在这份声明中...

for (let key in map) console.log(`for key ${key} in map ${map}`); // <<< This does not return??

您的评论“不返回”并没有真正的意义。这些都没有“返回”，它们调用一个块零次或多次。在这种情况下，为零，因为地图没有可枚举的属性。

如果你这样做map.foo = "bar"，那么for...in将迭代一次，并打印出"for key foo in map [object Map]". 这与向映射中插入新的键/值对不同：它在对象上定义了一个与映射内容完全分开存在的新属性。