遍历布尔数组以确定要包含在另一个数组中的对象

Question

我有一个 Javascript 有关映射的问题。所以我有两个数组...

数组1

[
    {
        "id": 1,
        "name": "admin"
    },
    {
        "id": 2,
        "name": "analyst"
    },
    {
        "id": 3,
        "name": "reviewer"
    },
    {
        "id": 4,
        "name": "administrator"
    },
    {
        "id": 5,
        "name": "leader"
    }
]

Array2

[ false, false, false, false, false]

我想创建一个第三个数组。所以我创建了一个变量并将其初始值设置为空。

const roles = [];

我想做的是根据 Array2 中的布尔值将 Array1 中的对象包含到 roles 中 按顺序排列。

例如，如果 Array2 看起来像 [true, false, true, false, false]，那么 roles 就是这样。 ..

roles = [
{
        "id": 1,
        "name": "admin"
    },
    {
        "id": 3,
        "name": "reviewer"
    },
]

原因是因为first和third布尔值在Array2为真，因此它在 Array1 中获取 first 和 third 对象并将它们放入 roles

我知道 .map 或 .forEach 是这里的解决方案，但我不太清楚最佳方法。

有人可以帮忙吗？

更新

我遇到了这个错误

Element implicitly has an 'any' type because expression of type 'number' can't be used to index type 'FormArray'.
  No index signature with a parameter of type 'number' was found on type 'FormArray'.

const roles = this.listOfRoles.filter((item, index) => this.rolesArray[index]).map((filtered) => ({ id: filtered.id }));

谢谢！

Answer 1

您可以过滤数组 1 和基于数组 2 的 return 值以过滤掉如下数据：-

const roles = array1.filter((item, index) => array2[index]);

如果您只想return id :-

，请回答评论中的第二个查询

const roles = array1.filter((item, index) => array2[index]).map((filtered) => ({id: filtered.id}));

遍历布尔数组以确定要包含在另一个数组中的对象

Looping through array of booleans to determine which object to include in another array

javascript

arrays

angular

loops

mapping