For-loop return 数组值

Question

我正在尝试通过小胡子模板为菜单插入 url。但只有第一个值被 return 编入数组。

或者这个return方法有误

      var main_menu_link =  ["main_dashboard.html", "#", "online_dashboard.html","index.html","#","#","#"]; 
      var url = "";
      var i;
      var url_link="";
      for(i = 0; i < main_menu_link.length; i++) {
       url += main_menu_link[i];
       return '<a href="'+ url  +'">' + text + '</a>';   
     }

CodePen working here

Answer 1

return语句必须在循环之后：

var main_menu_link =  ["main_dashboard.html", "#", "online_dashboard.html","index.html","#","#","#"]; 
var url = "";
var i;
var url_link="";
for(i = 0; i < main_menu_link.length; i++) {
  url += '<a href="'+ main_menu_link[i] +'">' + text + '</a>';  
}
return url;

Answer 2

正确的模板如下in-case它可以对其他人有用

var link_details = { "link_details" :[ 
{ main_menu: "Dashboard", main_menu_link: "dashboard.html" }, 
{ main_menu: "Analytics", main_menu_link: "#" }, 
{ main_menu: "System", main_menu_link: "system.html" } 
]}; 

var template = "<ul>{{#link_details}}<li><a href =\" {{main_menu_link}}\">{{main_menu}}</a></li>{{/link_details}}‌</ul>"; 
var html = Mustache.to_html(template, link_details); 
document.write(html)

For-loop return 数组值

For-loop return array value

arrays

for-loop

return-value

mustache