Filter complex array in react native?

Question

I have array .

const arr = [{
    "status": "success",
    "data": [{
            "name": "user1",
            "games": [{
                "id": 1,
                "gamename": "cricket"
            }, {
                "id": 2,
                "gamename": "football"
            }]
        },
        {
            "name": "user1",
            "games": [{
                "id": 1,
                "gamename": "videogames"
            }, {
                "id": 2,
                "gamename": "volleyball"
            }]
        }
    ]
}]

I tried following the code to filter it. and no output show

arr.map((item,idx) => (
  
       console.log(item.data.games.gamename)
   )
  ))

I want to print all game name eg.

cricket football videogames volleyball

Does this answer your question? Map array by nested array object property, to an array of strings — user18309290
– user18309290, Commented Nov 17, 2022 at 16:22

flyingfox · Accepted Answer · 2022-11-17 11:30:58Z

1

We can use flatMap() to do it

const arr = [{
    "status": "success",
    "data": [{
            "name": "user1",
            "games": [{
                "id": 1,
                "gamename": "cricket"
            }, {
                "id": 2,
                "gamename": "football"
            }]
        },
        {
            "name": "user1",
            "games": [{
                "id": 1,
                "gamename": "videogames"
            }, {
                "id": 2,
                "gamename": "volleyball"
            }]
        }
    ]
}]

// multiple flatMap chain invocation seems ugly,waiting for more elegant solution
let result = arr.flatMap(a => a.data).flatMap(a => a.games).flatMap(a => a.gamename)
console.log(result)

edited Nov 17, 2022 at 11:30

answered Nov 17, 2022 at 11:24

flyingfox

13.5k4 gold badges30 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Disco · Accepted Answer · 2022-11-17 11:23:15Z

0

Data is a array and so is games:

const arr = [
  {
    status: "success",
    data: [
      {
        name: "user1",
        games: [
          {
            id: 1,
            gamename: "cricket",
          },
          {
            id: 2,
            gamename: "football",
          },
        ],
      },
      {
        name: "user1",
        games: [
          {
            id: 1,
            gamename: "videogames",
          },
          {
            id: 2,
            gamename: "volleyball",
          },
        ],
      },
    ],
  },
];

arr.map((item) => {
  item.data.map((item) => {
    item.games.map((item) => {
      console.log(item.gamename);
    });
  });
});

answered Nov 17, 2022 at 11:23

Disco

1,6641 gold badge8 silver badges14 bronze badges

Comments

Tiwari · Accepted Answer · 2022-11-17 12:29:44Z

Try out this code, it will return only game names, you can change the join if don't need comma (,)

Output : "cricket,football,videogames,volleyball"

const arr = [{
"status": "success",
"data": [{
        "name": "user1",
        "games": [{
            "id": 1,
            "gamename": "cricket"
        }, {
            "id": 2,
            "gamename": "football"
        }]
    },
    {
        "name": "user1",
        "games": [{
            "id": 1,
            "gamename": "videogames"
        }, {
            "id": 2,
            "gamename": "volleyball"
        }]
    }
]
}];
console.log(JSON.stringify(arr.filter(e=>e.status=="success").map(e=>e.data.map(f=>f.games.map(g=>g.gamename)).join(",")).join(",")));

Collectives™ on Stack Overflow

Filter complex array in react native?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related