如何使用Javascript[duplicate]映射和过滤JSON

Question

我想过滤以下JSON。

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

我如何将映射函数与过滤器一起使用，而不是id:2。我的想法如下。但它不起作用。

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

我该怎么办？

谢谢

Answer 1

首先，将JSON转换为常规js，过滤所需内容的响应，然后映射它们

(JSON.parse(this.props.members).members.filter(member => member.id >2)).map(content => (<a key={content.id} href="#">{content.name} </a>)

Answer 2

演示sanbox

您正在循环对象而不是数组。并且仅显示在id： 2上，与一起使用

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