CocosCreator Map的遍历方式

注意： 以下内容是基于TypeScript语言编写。

一、 创建一个Map

1、创建cc.SpriteFrame 类型的Map:

private spriteFrameMap: Map<string, cc.SpriteFrame> = new Map();

2、set函数：

setSpriteFrame (key: string, value: cc.SpriteFrame): void
{
	this.spriteFrameMap.set(key, value);
}

3、get函数：

getSpriteFrame (key: string): cc.SpriteFrame
{
	return this.spriteFrameMap.get(key);
}

二、遍历Map

1、使用 forEach:

this.spriteFrameMap.forEach((value: cc.SpriteFrame, key: string) => {
	console.log("key -> ", key, " value -> ", value);
	return; // 注释1
});

注意，使用 forEach的时候，我们无法中断遍历。像注释1已经return了，但其执行仍然不会被打断。这是因为return存在于一个匿名函数里，即便打断，也只是当前匿名函数被打断，对整个遍历不会有影响。

上述方法无法满足中途打断的行为，所以我们可以使用以下两种方式。
2、使用entries：

for (let entries = this.spriteFrameMap.entries(), entry = entries.next(); !entry.done; entry = entries.next()) 
{
	const [key, value] = entry.value;
	console.log("key -> ", key, " value -> ", value);
	break;	// 注释2
}

3、使用entries + Array :

for(const [key, value] of Array.from(this.spriteFrameMap.entries())) 
{
    console.log("key -> ", key, " value -> ", value);
    break;	// 注释3
}

第2、3条中的方式可以实现遍历中途打断，方便我们找到某个元素。