Javascript 使用布尔条件循环两个JSON数组[10]

我有两个来自外部的JSON数组，我想在Angular中循环，但我不确定如何做

对象中的第一个数组看起来像ViewAttributes.FunctionName，第二个数组是ViewAttributes.FunctionActive

现在我使用的是右菜单，但我的目标是当每个值的布尔位置为true而不是false时，在菜单选项中显示正确的FunctionNames值。我需要改变什么

例如，我的代码如下所示：

view.component.html

  <mat-menu #contextMenu="matMenu" #contextMenu2="matMenu">
    <ng-template matMenuContent let-action="action">
      <button mat-menu-item (click)="onContextMenuAction(action)">{{FunctionNames}}</button>
    </ng-template>
  </mat-menu>

我的两个JSON数组对象如下所示：

ViewAttributes.FunctionNames = [Value1, Value2, Value3, ....]

ViewAttributes.FunctionActive = [true,false,true, ...]

---

如果要根据

FunctionActive

数组中相应索引处的布尔值显示

functionalnames

。下面的代码可能会对您有所帮助

ViewAttributes.FunctionNames =ViewAttributes.FunctionNames.filter((each,index)=>{return ViewAttributes.FunctionActive [index]})

---

这将根据

FunctionActive

数组中的布尔值过滤数组。

您能帮我吗@DhirajSingh回答了问题。希望它能解决您的问题

ViewAttributes.FunctionNames =ViewAttributes.FunctionNames.filter((each,index)=>{return ViewAttributes.FunctionActive [index]})