javascript - 从 map 的属性中提取特定值

Question

我目前有以下数据:

const data = [
        {
          Zone: 'Airport',
          Lane: 'AIRDEL',
          Capacity: '90',
          Status: '80',
          Spaces: '10',
          LastAuditedOn: 'due',
          AuditedBy: 'Ross',
          FirstCollection: '-',
          LastCollection: '-',
        },
        {
          Zone: 'Arrivals',
          Lane: '4',
          Capacity: '10',
          Status: '0',
          Spaces: '10',
          LastAuditedOn: '-',
          AuditedBy: '-',
          FirstCollection: '9:00PM',
          LastCollection: '01:00AM',
        },
        {
          Zone: 'Unknown',
          Lane: 'BHX_HOLD1',
          Capacity: '80',
          Status: '40',
          Spaces: '40',
          LastAuditedOn: 'due',
          AuditedBy: 'Max',
          FirstCollection: '-',
          LastCollection: '-',
        },
]

我目前正在尝试根据属性(区域、车道、容量)提取数据作为示例。

const multiHeaderBy = 'Zone';
data.forEach((key) => {
   console.log(key.find(multiHeaderBy))
});

我希望值arrivals、 airport、unknown出现在console.log中，但我没有定义。

想法？

Answer 1

您只需使用 .map 即可完成此操作和 .join()方法如下:

const data=[{Zone:'Airport',Lane:'AIRDEL',Capacity:'90',Status:'80',Spaces:'10',LastAuditedOn:'due',AuditedBy:'Ross',FirstCollection:'-',LastCollection:'-',},{Zone:'Arrivals',Lane:'4',Capacity:'10',Status:'0',Spaces:'10',LastAuditedOn:'-',AuditedBy:'-',FirstCollection:'9:00PM',LastCollection:'01:00AM',},{Zone:'Unknown',Lane:'BHX_HOLD1',Capacity:'80',Status:'40',Spaces:'40',LastAuditedOn:'due',AuditedBy:'Max',FirstCollection:'-',LastCollection:'-',}];

const multiHeaderBy = 'Zone';
var txt = data.map(x => x[multiHeaderBy]);
console.log(txt.join(', '));