未定義數組對象時不顯示在div中

Question

我正在抓取一些帶有數組的JSON，並在無序列表中顯示一些數據。 問題是在某些條目中，我正在尋找的值未列出（“ aristName”和“ trackName”）。 因此它們返回undefined 。 根據下面的內容，我該如何忽略每個返回“ artistName”和“ trackName”未定義值的條目，而僅列出確實具有這些值的條目？

var output="<ul>";

for (var i in data.onNow.playlist) {
    output+="<li>"+data.onNow.playlist[i].artistName+
        " - "+data.onNow.playlist[i].trackName+"</li>";
}

output+="</ul>";

document.getElementById("playlist-container").innerHTML=output;

Answer 1

var output="<ul>";

for (var i in data.onNow.playlist) {
    var item = data.onNow.playlist[i];

    if (item.artistName && item.trackName) {
        output += "<li>" + item.artistName + " - " +
            item.trackName + "</li>";
    }
}

output += "</ul>";

這樣，您還可以過濾掉名稱為空字符串的曲目和藝術家。

if (foo) foo是顯式的false ， null ， undefined ，數字0 ，空字符串或NaN ， if (foo)計算結果為false 。 否則，它的評估結果為true。