Javascript 从字符串列表创建动态SVG

我正在尝试使用JQuery创建SVG元素。SVG的内容是从字符串列表中生成的，这是我遇到问题的地方

我正在填充一个名为“arr”的变量，方法是循环遍历数据库中的数百个项目，并基于该数据创建一个svg矩形，然后将其附加到“arr”中。如何将这个字符串元素列表附加到我的主SVG元素，以便正确显示它

这里的要点是：

• Arr由字符串列表填充，每个字符串表示svg内部的一个形状
• 最终的Arr将是几百个字符串

var-mapssvg=$.parseHTML（“”）；
arr=[
'',
''
]
mapSvg[0]。追加（arr）；
$（'#tile map'）。追加（mapSvg）
在解析html之前，在
arr
中的所有元素上循环怎么样：

让html=''；
arr.forEach（形状=>{
html+=形状；
});
html+=“”；
const mapssvg=$.parseHTML（html）；
$（“#平铺图”）.append（mapSvg）；
或不使用jQ复制HTML，例如：


var-mapssvg=document.getElementById（“平铺图”）；
var arr=[
'',
''
]
var s=“”+
arr.join（“\n”）+
"";
mapssvg.innerHTML=s；
mapssvg.innerHTML+=s；
mapssvg.parentElement.innerHTML+=mapssvg.outerHTML.replace（//g'，）

ooo我喜欢你在这里的思维方式：）非常有创意的解决方案！！！非常感谢。我很高兴能帮上忙。