Javascript 如何在多维数组中构造多层2d tilemap？

我正在使用javascript开发一个使用webgl渲染引擎的html5游戏。但现在，我认为最好是问一问，并解释一下

对于2d tilegame，我使用多维数组来构造tile属性的x、y坐标

这就是我的结构现在的样子：

tilemap的循环将循环通过每个x、y坐标，并从layerx特性绘制图层

我正在使用一个tilesheet来绘制瓷砖，以便 ImageId=tilesheet id tileId=tilesheet上平铺的索引

以下是对我的结构的直观解释：

以下是我基于构建多层2d tilemap提出的问题：

• 使用变量名/对象特性定义图层或图层数组是否更好地基于性能？（“层”：[{property:value}，{property:value}，{property:value}]
  • 如果我使用的是一组层，那么我如何定义层4，而不必定义层1和层2
• 是否有或您是否有更好的解决方案（也可以基于性能）

请使用javascript/json作为示例代码