无法在图片网址的json api中读取null属性

Question

我正在使用javascript处理api，并将json数据的值表示为html，为简单起见，我有以下内容：

data.maps((post)=>{
const item = `<img src="${post.user.pictures.sizes[1].link}"/>`
})

在json对象中，我有10个帖子，其中一个对于图片网址的值为null。并且它不会渲染。它给我的错误无法读取图片的null属性。

我尝试了item.pictures.url=null? "":item.picture.url，但它没有用。我是新来的api休息，所以我猜测使用这种方法让你无法更新数据。我正在考虑将null的任何值替换为我选择的通用URL。但我不知道从哪里开始。任何输入都将受到高度赞赏。

Answer 1

data.maps((post)=>{
    const item = post.user.pictures != null ? '<img src="' + post.user.pictures.sizes[1].link + '" />' : '<img src="your-no-pictures-img.jpg" />';
})