如何避免测试一个元素的存在以添加到Javascript中的大循环中的字符串？

Question

我从json输入和模板构建HTML字符串。

JSON看起来就像这样：

... 
"count": "5", 
"items": { 
    "classes":[], 
    "href": ["index.html","search.html","brands.html","users.html","orders.html"], 
    ... 
} 

这我在Javascript期待通过这样的：

for (i = 0; i < dyn.list.count; i += 1) { 
    elem = util.getTemplate('tmp_navbar_element', temps) 
    .replace('class_abc"','class_abc '+dyn.list.items.classes[i]+'"') 
    .replace("href='","href='"+dyn.list.items.href[i]) 
    ... 
} 

一切工作还好吧，但我不知道的最好的方法处理不在JSON配置中传递的元素。

例如，如果classes = []，现在我将undefined添加到每个elem因为用户没有指定一个类。

问题：
是避免通过检查if classes[i] !== undefined ...还是有更简单的方法：“如果有一个只添加一个类”，“不确定”条目的唯一途径？

谢谢！

Answer 1

尝试：

for (i = 0; i < dyn.list.count; i += 1) { 
    elem = util.getTemplate('tmp_navbar_element', temps) 
    .replace('tmp_gridcount"','tmp_gridcount '+(dyn.list.items.classes[i] || "")+'"') 
    .replace("tmp_gridcount",abc[i]) 
    ... 
} 

改性说： “如果dyn.list.items.classes [i]是falsy，插入一个空字符串，而不是” 。

Answer 2

有几种方法，这是简单的人之一：

.replace('class_abc"','class_abc ' + (dyn.list.items.classes[i] || "") + '"') 

使用该curiously powerful || operator使用""如果dyn.list.items.classes[i]是undefined（或null，或0，或false，或[可笑] "" ）。

当然，这意味着你仍然在做一个你可能会避免的replace。一个较为平淡的版本是：

var cls; 
for (i = 0; i < dyn.list.count; i += 1) { 
    elem = util.getTemplate('tmp_navbar_element', temps); 
    cls = dyn.list.items.classes[i]; 
    if (cls) { 
    elem = elem.replace('class_abc"','class_abc '+cls+'"'); 
    } 
    elem = elem.replace("href='","href='"+dyn.list.items.href[i]); 
    // ... 
}