仅当满足某些条件时(即,如果属性存在),如何从 API 中检索特定属性?

我正在使用 Europeana API 用某些照片填充我的网站。我已经决定要检索哪些元数据,但是当我意识到并非所有照片都具有我想要的元数据并导致错误和未定义时遇到了问题。

我如何调整它,以便仅当正在检索的照片存在 edmPlaceLabel 时才显示它?如果它不存在,只需跳过它并继续。

data.items.forEach((item) => {
    const output = document.querySelector('#output');
    const title = item.title,
        year = item.year,
        provider = item.provider,
        dataProvider = item.dataProvider,
        LabelLangAware = item.edmConceptPrefLabelLangAware,
        edmPlaceLabel = item.edmPlaceLabel[0],
        edmPlaceLabelLangAware = item.edmPlaceLabelLangAware.hr[0],
        edmTimespanLabel = item.edmTimespanLabel[30].def,
        edmTimespanLabelLangAware = item.edmTimespanLabelLangAware.hr,
        europeanaCollectionName = item.europeanaCollectionName[0],
        link = item.guid,
        thumbnail = item.edmPreview[0],
        edmIsShownBy = item.edmIsShownBy;

    output.innerHTML += `${index}
        <a href="${link}">Link: ${title}</a>
        <br>
        <h4>${title}</h4>
        <p>Godina: ${year}</p>
        <p>Izvor: ${dataProvider}</p>
        <p>Opis: ${LabelLangAware}</p>
        <p>Mjesto: ${edmPlaceLabel}</p>
        <p>Mjesto: ${edmPlaceLabelLangAware}</p>
        <p>${edmTimespanLabel}</p>
        <p>${edmTimespanLabelLangAware}</p>
        <p>Provider: ${provider}</p>
        <p>Kolekcija: ${europeanaCollectionName}</p>
        <br>
        <img src="${thumbnail}" alt="${title}">
        <br>
        <p>Link na izvor: ${edmIsShownBy}</p>
        `;
});
塞维林·托尔多

尝试使用三元表达式

例子:

var val = obj ? obj.prop : '';

是相同的:

var val = null;

if (obj) {
    val = obj.prop;
} else {
    val = ''
}

也可以与字符串变量一起使用:

`hello ${val ? val : ''} world`

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用 Microsoft 图形 API 检索特定属性

使用REST GET API仅检索特定属性

从给定的JSON文件中检索特定属性

wikidata api 从实体中检索属性(wikidata 条目)

在Magento中,扩展rest / products api的性能如何,以在返回的列表中检索产品的标签和属性?

当仅某些对象存在属性时,如何遍历GQLQuery对象

在React组件中映射API数据-如何访问特定属性?

如何使用axios根据Redux中的某些特定属性从api服务器过滤记录

如何在XML中搜索特定属性以检索另一个属性?

如何使用react和javascript基于多个条件从对象数组中检索特定属性?

如何从嵌套数据结构中检索基于谓词/条件的特定属性值的平面数组?

从Kotlin psi API检索Kotlin属性类型

使用XPath检索特定属性的属性值

在遍历仅满足某些条件的对象时,如何在Promise中调用resolve?

我正在尝试从JSON文件中检索数据,但是在从特定属性中检索信息时遇到问题

如何从C#中的特定元素值中检索属性值

Grails:如何按特定属性检索记录?

在Javascript中,如何在满足某些条件的同时在具有最高特定属性值的数组中查找对象

仅当WPF ComboBoxItem满足选定条件时,如何设置它的属性?

从 api 调用检索数据时出错,因为属性不同

如果值满足特定条件,如何仅包含键

如何使用LINQ检索包含列表中列表的特定属性的条目?

如何在java中检索特定视图对象的自定义属性?

如何在Cloud Function for Firebase中执行查询并检索特定属性

在大型Mongo集合中,如何使用猫鼬只检索ID(或其他任何特定属性)?

如何通过Cypher中的属性之一检索特定关系?(neo4j)

如何查询 DynamoDB 表以仅检索在字符串集属性中具有特定值的项目?

从NSObject的属性中检索数据

如何使用 REST API 从 jfrog artifactory 中查找具有特定属性值的工件