Question

我有一个带id和名字的简单数组。如果我知道id，那么我如何获取名称，数组如下所示：

id

我在变量中有clickedID=2例如 2 ，如何获得属于此ID的名称？

我的slist.component.ts中有name值，我想获取相应的LDFLAGS，我该怎么做？

Answer 1

要记录属于id 2的名称，它就像下面这样简单：

 let obj = dataobj.find(obj => obj.id === 2);
 console.log(obj.name);

Answer 2

你可以使用es6数组语法：

dataobj.find(el => el.id === 2)

输出：

Object {id: 2, name: "Tom"}

Answer 3

您可以使用数组查找方法

    const secondItem = dataObj.find(function (item){
     return item.id === 2;
})

然后可以访问名称

secondItem.name

Answer 4

使用动态查找

可以做一些更具可读性和可重用性的内容

＆＃13;

#IndexBanners {
 display: flex;
 margin-top: 20px;
}

.indexbannerimages {
 flex: 1 0 0;
 position: relative;
}

img {
 max-width: 100%;
 height: auto;
 vertical-align: top;
}

.indexbannerimages .watch {
 background: url(../images/play-icon.png) no-repeat scroll 0% 25% / 14px auto;
}

.indexbannerimages .news {
 background: url(../images/news-icon.png) no-repeat scroll 0% 25% / 14px auto;
}

.watchText {
 color: #fff;
 text-transform: uppercase;
 padding-top: 23%;
 margin: 0;
}

.newsText {
 color: #fff;
 text-transform: uppercase;
 padding-top: 23%;
 margin: 0;
}

.effect #mask1,
.effect #mask2 {
 text-align: center;
 font-size: 16px;
 color: #fff;
 background-color: rgba(00, 00, 00, 0.8);
 opacity: 0.75;
 transition: all 0.5s ease-in-out;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 cursor: pointer;
}

.effect:hover #mask1,
.effect:hover #mask2 {
 visibility: hidden;
 opacity: 0.0;
 transition: all 0.5s ease-in-out;
}

@media (max-width:600px) {
#IndexBanners {
 display: block;
}

.first {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
}

.first iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
}

＆＃13;

如何获取＆＃34; name＆＃34;如果我知道相应的＆＃34; id＆＃34;

4 个答案: