Javascript 根据JS数组中的值向DOM追加元素

所以这个问题有点奇怪，但以下是我想要实现的：

我需要一个函数来构建特定的URL，这取决于传递给该函数的数据属性中的数组，使用switch语句或任何最有效的方法。这是我当前的语法，可能是错误的

const selectUrls=（args）=>{
常量元素=$（“#元素”）；
for（设arg为args）{
开关（arg）{
案例“facebook”：
元素。追加（“”）；
打破
案例“推特”：
元素。追加（“”）；
打破
违约：
控制台日志（“错误”）；
打破
}
}
}
$（文档）.ready（函数（）{
var服务=$（“#元素”）.数据（“服务”）；
选择URL（…[服务]）；
})

---

将单引号替换为双引号后，需要解析

服务

var parsed = JSON.parse(services.replace(/'/g, '"'));

并将
用于of
而不是
用于in
：
$（文档）.ready（函数（）{
var服务=$（“#元素”）.数据（“服务”）；
//将单引号替换为双引号并对其进行分析
var parsed=JSON.parse（services.replace（/'/g'，“）；
选择GeoURL（已解析）；
})
const selectGeoUrls=（args）=>{
常量元素=$（“#元素”）；
//for for in获取元素而不是索引
对于（设args中的arg）{
开关（arg）{
案例“facebook”：
元素。追加（“”）；
打破
案例“推特”：
元素。追加（“”）；
打破
违约：
控制台日志（“错误”）；
打破
}
}
}

我这样做了


const service_elm=document.querySelector（“#元素”）
for（让service_elm.dataset.services.match（/\b（\w|’）+\b/gim）的服务匹配）
{
设newA=document.createElement（'a'）
newA.href=`https://${service}.com`
newA.textContent=service.charAt（0.toUpperCase（）+service.slice（1）；
服务附加儿童（纽瓦）
}
a{float:left；clear:two；margin:1em}