如何使用EVERY来查找将此属性设置为FALSE的所有项目

Question

我在项目的Select all功能上使用EVERY方法。

作为我的复选框上的onChange监听器，我的函数运行此代码以查看每个对象上的canWrite值是否设置为true / false

checkSelected() {

  let testWrite = this.modalData.columnPermissions.every(function (item) 
    return item.canWrite;
  });

  this.isEveryWriteSelected = testWrite;

}

但是，模型的范围已更改为包含附加属性“IDM = true / false” - 无法选择IDM项目，因此目前此侦听代码现在永远不会生效。

我正在尝试调整我的函数现在只检查canWrite = true如果项目包含IDM = false

我是否可以通过忽略item.IDM = false在这种情况下使用每一个？

尝试添加if语句作为测试，但这还没有解决我的问题

let testWrite = this.modalData.columnPermissions.every(function (item) {
  if (!item.IDM) {
    return item.canWrite;
  }
});

我的HTML - Angular 2可以在下面看到：

这是正在侦听isEveryWriteSelected的全选复选框

<div class="custom-control custom-checkbox">
  <input type="checkbox" class="custom-control-input" id="customCheck1c" [(ngModel)]="isEveryWriteSelected" name="isEveryWriteSelected" (change)="selectAll('Write', isEveryWriteSelected)" [disabled]="modalData.role != 1 || roleConfirm">
  <label class="custom-control-label" for="customCheck1c"><span>Select All</span></label>
</div>

每个渲染复选框都有一个调用上述函数的on change事件

<div class="custom-control custom-checkbox" *ngIf="!column.IDM">
  <input type="checkbox" class="custom-control-input" id="customCheck{{column.$id}}-write" name="customCheck{{column.$id}}-write" [(ngModel)]="column.canWrite" [checked]="column.canWrite" [disabled]="modalData.role != 1 || roleConfirm" (change)="checkSelected()">
  <label class="custom-control-label" for="customCheck{{column.$id}}-write"><span class="hideMe">&nbsp;</span></label>
 </div>

Answer 1

如果我理解正确，您需要检查所有具有canWrite true或IDM true

let testWrite = this.modalData.columnPermissions.every(function (item) {
    return item.canWrite || item.IDM;
});

Answer 2

由于您的最终结果仅基于IDM为false的项目，因此您应首先使用此类属性过滤所有项目。 然后每个原始逻辑every可以正常工作。

示例代码：

return this.modalData.columnPermissions
.filter(function (item) {
  return item.IDM === false;
})
.every(function (item) {
    return item.canWrite;
});

Answer 3

当你有这个想法时，你很接近：

let testWrite = this.modalData.columnPermissions.every(function (item) {
  if (!item.IDM) {
    return item.canWrite;
  }
});

您需要做的就是在else子句中为IDM设置为true的项返回true：

let testWrite = this.modalData.columnPermissions.every(function (item) {
  if (!item.IDM) {
    return item.canWrite;
  }
  // else...
  return true;
});

这样做的原因是，通过返回true，只有IDM设置为false的项才能影响最终结果，并且可能通过在谓词语句中返回false将其变为false。

Answer 4

首先过滤 IDM=true所有项目，然后在其余项目上运行每一项 。

这（在我看来）将使您的代码对下一个开发人员更具可读性。

 const modalData = { columnPermissions: [ {IDM: true, canWrite: true}, {IDM: false, canWrite: true}, {IDM: true, canWrite: true}, {IDM: false, canWrite: true}, {IDM: true, canWrite: true}, {IDM: false, canWrite: true}, {IDM: true, canWrite: true}, {IDM: false, canWrite: true}, {IDM: false, canWrite: true}, {IDM: true, canWrite: true}, ] } const checkSelected = () => { let testWrite = modalData.columnPermissions .filter(({ IDM }) => !IDM) .every(({ canWrite }) => !!canWrite) console.log(testWrite) } checkSelected()