如何避免測試一個元素的存在以添加到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]); 
    // ... 
}