javascript - 为什么第二个if条件不执行

Question

我有以下数据

[
  {
    "itemType": "HEADER",
    "createdBy": "Jake",
    "deliveredBy": "Paul",
  },
  {
    "itemType": "HEADER_DATA",
    "createdBy": "Ryan",
    "deliveredBy": "Blair",
  },
  {
    "itemType": "HEADER_DATA",
    "createdBy": "John",
    "deliveredBy": "Doe",
  },
  {
    "itemType": "HEADER_DATA",
    "createdBy": "Sally",
    "deliveredBy": "Hansen",
  }
]

我想按项目类型分隔项目

  test(itemType: string) {
    this.service
      .getData(itemType)
      .pipe()
      .subscribe(([{itemType, createdBy, deliveredBy}]) => {
        if (itemType === 'HEADER') {
          console.log('1');
        }
        else if (itemType === 'HEADER_DATA') {
          console.log('2');
        }
      });
  }

控制台永远不会到达2。我知道这是一个简单的逻辑问题，但我已经研究了一段时间，但似乎无法弄清楚。

感谢您的时间和帮助

Stackblitz这里

Answer 1

因为您在订阅时收到一个数组，并且您仅解构该数组的第一个元素。如果你想记录每一个，你可以更改为:

data.pipe().subscribe((arr) => {
  arr.forEach(({itemType, createdBy, deliveredBy}) => {
  if (itemType === "HEADER") {
    console.log("1");
  } else if (itemType === "HEADER_DATA") {
    console.log("2");
  }
 })
});