当数组上的所有元素都具有相同状态时如何创建条件

Question

我想创建一个条件，仅当数组中的所有元素都处于状态 3 时才执行该函数，如果该数组有一个状态为 3 或不同于 3 的元素，我不应该执行该函数。

我试过这段代码，但当我有状态 3 或不同状态的元素时不起作用。

   goToPeople(): void {
    const selectedItems = this.ms.selectedItems;
      selectedItems.forEach(item => {
        if (item.status !== 3){
          console.log('nonnnnnn');
        }else{
          console.log('yesss');
          //my function
        }
      });
  }

这是 JSON：

[
    {
        "date": "2021-10-14T16:48:05+00:00",
        "status": 3,
        "name": "HRDD",
        "id": "ab8d4bd7"
    },
    {
        "date": "2021-10-14T16:55:05+00:00",
        "status": 2,
        "name": "ddfgdfgd",
        "id": "adfgdfgdf45"
    }
]

Answer 1

我不知道这是否是最好的方法，但这就是我通常处理这种情况的方式（原谅语法错误，我只写了 JS 而不是 TS）：

let execute = true;
selectedItems.foreach(item => {
    if(item.status !== 3){
        execute = false;
    }
});
if(execute) console.log('yes');
else console.log('nonnnnnn');

基本上只要保持一个布尔值，如果任何元素不满足您的条件，它就会关闭。

Answer 2

减少应该得到你想要的......

const execute = selectedItems.reduce((acc, item) => {
    if (acc === false) return;
    return item.status === 3;
}, true);

这将遍历数组中的每个项目。 如果它们都是 3，则返回 true。 如果没有，它将返回 false。 边缘情况，如果数组为空，则返回true。 所以你需要考虑到这一点。

Answer 3

您可以创建这样的功能：

statusValid(selectedItems): boolean {
   var valid = true
   selectedItems.forEach(item => {
      if (item.status !== 3){
         valid = false;
      } 
   });
   return valid;
}

进而：

    goToPeople(): void {
        const selectedItems = this.ms.selectedItems;
        if(statusValid(selectedItems )){
            // your function here
    
        }
   }

Answer 4

你可以试试这个。

goToPeople(): void {
    const selectedItemsFIlterd = this.ms.selectedItems.filter(selected => selected.status === 3);
    selectedItemsFiltered.forEach(item => {
      this.yourFunction();
    });
}

我希望这对你有帮助，问候。

Answer 5

数组every函数都用于此目的，如果数组中的每个元素都匹配条件，则返回true ，否则返回false ，因此：

if (selectedItems.every(item => item.status === 3)) {
   // execute
}