javascript - 使用map方法返回一组新的数组

Question

如何根据 2 个条件使用 map 返回一组新数组:

• 数组长度不能为0
• Angular 色应该是主持人

这是我原来的回复看起来像

映射响应的 React 函数

_getList(memberships) {
    const items = memberships.map((membership) => {
        return (
            <RadioButton
                value={membership.forum.slug}
                label={membership.forum.title} />
        );
    });

    return(
        <RadioButtonGroup>
            {items}
        </RadioButtonGroup>
    );
}

在我的渲染函数中，我正在检查长度是否不为 0

const renderedList = this._getList(UserStore.getState().memberships.length !== 0);

我应该如何添加另一个检查，以确保返回的新数组应仅包含具有 role === moderator

的数据

Answer 1

您想查看 .filter Array API 的方法。

const items = memberships
    .filter(item => item.role === 'moderator')
    .map((membership) => {
        return (
            <RadioButton
                value={membership.forum.slug}
                label={membership.forum.title} />
        );
    })

.filter 将迭代数组的所有成员，并返回一个新数组，其中包含通过所提供函数实现的测试的所有元素。如果 memberships 数组为空，它将简单地返回一个空数组。

这假设 memberships 属性始终是一个数组。包含值的数组或空数组 ([])。如果 memberships 属性可能丢失，您仍然需要添加一项检查，例如您的 renderedList 属性。