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");
  }
 })
});