Javascript 在url上循环

目前，我有多个圆圈&每个圆圈都有自己的唯一ID。目前，我在链接到url页面的对象中使用了它们的唯一ID

var link = { 

     1:"http://174.77.29.78:3000/pages/1?"
     2:"http://174.77.29.78:3000/pages/2?"
     3:"http://174.77.29.78:3000/pages/3?"

 };

然后在我的circle变量中，我返回了与circle id链接的对象

   .attr("xlink:href", function(d) { return link[d.id] ;})

正如你所能想象的，当我最终在硬编码中加入更多的页面和圆圈时，链接根本就不实用也不高效

---

有人举过我如何提高效率的例子吗？

不确定这是否会提高效率，但它会返回相同的结果

.attr("xlink:href", function(d) { 
    return "http://174.77.29.78:3000/pages/"+d.id+"?";
})

这样，您就不需要

链接

对象，url的公共部分只写一次

此外，如果您的网站与您的图像位于同一地址(http://174.77.29.78:3000)您不必在每个url中包含该部分。您只需要编写

/pages/1

部分。这样，若你们改变了服务器，你们就不必检查你们的代码并改变每一个URL。你的链接会变成这样

.attr("xlink:href", function(d) { 
    return "/pages/"+d.id+"?";
})