目录

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]”来获取:

 

 

Logo

前往低代码交流专区

更多推荐