ループ内にヌル値を戻さない

Question

image_urlnullの数が少なくてもimage_urlだけを返す方法はありますか？

var lineItems = [ 
    { 
    description: "Packaging", 
    image_url: null, 
    ... 
    }, 
    { 
    description: "T-Shirt", 
    image_url: <the-url-link>, 
    ... 
    } 
] 

では反応：

... 

lineItems.map(function(line){ 
    if (line.description !== "Packaging") { 
    var img = line.image_url; 
    } 
    console.log(img); 
}); 

... 

を私はコンソールのWebリンクと一緒にnullを得続けます。リンクを持つimage_urlだけを取得する方法。 "Packaging"にはimage_urlリンクはありません。常にnullになります。

Answer 1

ここではfilterをそのまま使用してください。

const nonNulls = lineItems.filter(item => item.image_url !== null); 

これは、変数にnull以外の値をすべて除外します。

Answer 2

var data = [ 
 
    { 
 
    url: null 
 
    }, 
 
    { 
 
    url: null 
 
    }, 
 
    { 
 
    url: '123' 
 
    }, 
 
    { 
 
    url: null 
 
    } 
 
] 
 
console.log(
 
    data.filter(function (a) { 
 
    return a.url != null 
 
    }).map(function (a) { 
 
    return a.url 
 
    }) 
 
)