v-for遍历Map分析

目录

1.起因

2.Map分析

2.1.for (let key in Map)遍历Map

2.2.for (let value of Map)遍历Map

2.3.难道Map里面就是数组？

3.v-for遍历Map

---

1.起因

我想用Vue2的v-for去遍历Map，结果无法获取想要的数据，因此，正好趁这次机会记录下；

2.Map分析

2.1.for (let key in Map)遍历Map

for (let key in Map)：并没有在控制台发现console.log打印语句，那么，说明Map对象并没有属性可供遍历；

2.2.for (let value of Map)遍历Map

for (let value of Map)：能在控制台找到console.log打印语句，通过打印可以知道value是一个数组对象，[0]就是Map中放入的key，[1]就是Map中放入的value，而数组对象的length属性为2，其组成为：[“放入的key”,“放入的value”]

2.3.难道Map里面就是数组？

这个[[Entries]]则说明Map其实是用数组来存储记录，且Entries自身也是一个数字；

3.v-for遍历Map

如果我这么写：v-for=”(value,key) in Map”的话，通过打印我可以得知这里的key只是数组的序号，不是真正意义上的key；

而value则是Entries数组，因此，你无法通过“value.key”/“value.value”方式来获取，而必须通过“value[0]”/“value[1]”来获取：