返回包含typescript中选定键值对的新对象

xytpbqjk 于 2023-01-06 发布在 TypeScript

关注(0)|答案(1)|浏览(102)

我有大量的person类型的对象，如果存在的话，我只想显示一些值（可能会增长）。一行div的键-值，如果它们在一些数组中指定，例如hasProperty
我的想法是获取一个Person对象，使用类似hasProperty:string[]=['dateOfBirth','address']的数组将其Map到一个新对象，这样我就可以在前端执行以下操作

<div for=newObjectValue in newObject>
 <span>key somehow?</span>
 <span>{{newObjectValue.value`}}</span>
</div>

这有可能做得更好吗？我知道上面的想法很糟糕，但这是我迄今为止想到的最好的

typescript

来源：https://stackoverflow.com/questions/75020403/returning-new-object-containing-selected-key-value-pairs-in-typescript

1条答案

按热度按时间

mrfwxfqh1#

你可以简单地这样做
第一个月

person = {
  firstName: 'John',
  lastName: 'John'
  age: 20,
  nationality: Canadian,
  ......
};
personObjectKeys = Object.keys(person);

在模板中，您可以在app.component.html这样的循环中执行此操作

<div class="record-row" *ngFor="let personKey of personObjectKeys">
   <ng-container *ngIf="person[personKey]">
     <span>{{personKey}}</span>
     <span>{{person[personKey]}}</span>
   </ng-container>
</div>

赞(0）回复(0）举报 2023-01-06

我来回答

返回包含typescript中选定键值对的新对象

1条答案

相关问题

热门标签

最新问答