javascript - 如何使用 Javascript 映射和过滤 JSON

Question

这个问题已经有答案了:

Map and filter an array at the same time (17 个回答)

filter vs map reactjs and jsx (5 个回答)

已关闭 3 年前。

我想过滤以下 JSON。

   members = {members:[{id: 1, name: "aaa"},{id: 2, name: "bbb"},{id: 3, name: "ccc"}]}

如何使用带过滤器的 map 功能超过 id: 2 。我的想法如下。但它不起作用。

    {this.props.members.map((member) => (
        if((member.id > 10) && (member.id < 20) ){
          <a key={member.id} href="#">
            {member.name}
          </a>
       }
    ))}

我该怎么办？

谢谢。

Answer 1

<强> Demo sanbox

您正在循环对象而不是数组。并且仅显示上面的 id:2 与 && 运算符一起使用。 条件&&对象.key

{this.props.members.members.map(
        member =>
          member.id > 2 && (
            <p key={member.id} href="#">
              {member.name}
            </p>
          )
      )}