Javascript 如何显示特定参数JSON上的数据

有一个与api的接口。在下面代码的帮助下，我获取数据并将其带到站点。如何仅显示具有徽标参数的数据

fetch（url）
.然后（功能（响应）{
返回response.json（）；
})
.然后（函数（结果）{
让内部=''；
result.data.forEach（e=>{
让name=e.name，
发布日期=e.year，
projects=e.projectsCount，
docs=e.docs，
logo=e.logo；
内部+=`
${name}

发布${releaseDate}

${projects}GitHub项目

`;
info.innerHTML=内部；
});
});

您必须过滤对象的响应，因此我添加了另一条then语句。结果是：

fetch（url）
.然后（功能（响应）{
返回response.json（）；
})
.然后（函数（结果）{
返回result.data.filter（d=>d.hasOwnProperty（'logo'）；
}).然后（函数（结果）{
让内部=''；
result.forEach（e=>{
让name=e.name，
发布日期=e.year，
projects=e.projectsCount，
docs=e.docs，
logo=e.logo；
内部+=`
${name}

发布${releaseDate}

${projects}GitHub项目

`;
info.innerHTML=内部；
});
});

您必须过滤对象的响应，因此我添加了另一条then语句。结果是：

fetch（url）
.然后（功能（响应）{
返回response.json（）；
})
.然后（函数（结果）{
返回result.data.filter（d=>d.hasOwnProperty（'logo'）；
}).然后（函数（结果）{
让内部=''；
result.forEach（e=>{
让name=e.name，
发布日期=e.year，
projects=e.projectsCount，
docs=e.docs，
logo=e.logo；
内部+=`
${name}

发布${releaseDate}

${projects}GitHub项目

`;
info.innerHTML=内部；
});
});

您可以使用徽标过滤数据并在其上循环

fetch(url)
    .then(function(response){
        return response.json();
    })
    .then(function({ data = [] } = {}){
        let inner = '';
        data.filter(d => d.logo).forEach((e) => {
          let inner = '';
          let name = e.name,
            releaseDate = e.year,
            projects = e.projectsCount,
            docs = e.docs,
            logo = e.logo;
            inner += `<div class="col-4">
            <img src=${logo} alt="logo">
            <p><b>${name}</b></p>
            <p>Release ${releaseDate}</p>
            <p>${projects} projects GitHub</p>
            <a href=${docs} alt="docs">Docs</a>
            </div>`;
            info.innerHTML = inner;
        })
    });

fetch（url）
.然后（功能（响应）{
返回response.json（）；
})
.then（函数（{data=[]}={}）{
让内部=''；
data.filter（d=>d.logo）.forEach（（e）=>{
让内部=''；
让name=e.name，
发布日期=e.year，
projects=e.projectsCount，
docs=e.docs，
logo=e.logo；
内部+=`
${name}

发布${releaseDate}

${projects}GitHub项目

`;
info.innerHTML=内部；
})
});

您可以使用徽标过滤数据并在其上循环

fetch(url)
    .then(function(response){
        return response.json();
    })
    .then(function({ data = [] } = {}){
        let inner = '';
        data.filter(d => d.logo).forEach((e) => {
          let inner = '';
          let name = e.name,
            releaseDate = e.year,
            projects = e.projectsCount,
            docs = e.docs,
            logo = e.logo;
            inner += `<div class="col-4">
            <img src=${logo} alt="logo">
            <p><b>${name}</b></p>
            <p>Release ${releaseDate}</p>
            <p>${projects} projects GitHub</p>
            <a href=${docs} alt="docs">Docs</a>
            </div>`;
            info.innerHTML = inner;
        })
    });

fetch（url）
.然后（功能（响应）{
返回response.json（）；
})
.then（函数（{data=[]}={}）{
让内部=''；
data.filter（d=>d.logo）.forEach（（e）=>{
让内部=''；
让name=e.name，
发布日期=e.year，
projects=e.projectsCount，
docs=e.docs，
logo=e.logo；
内部+=`
${name}

发布${releaseDate}

${projects}GitHub项目

`;
info.innerHTML=内部；
})
});