Find through array in array field

Question

How can I find something through some arrays that also contain an array? To be more precisely:

And I want to return from the coaches array, the id(within the coaches) that matches the username. What I've tried:

  if (!(args['coach'].value === '') && (args['coach'].value !== null)) {
    coachId = this.items.find(x => x.username === args.coach.value).id;
  }

Basically this.items is what I've console.log before. Now it gives me undefined.

Has someone a fix for this? Thank you very much.

[
   {
      "id":584,
      "name":"Name",
      "coaches":[
         {
            "id":8587,
            "username":"test"
         },
         {
            "id":8589,
            "username":"test1"
         }
      ]
   },
   {
      "id":587,
      "name":"O1",
      "coaches":[

      ]
   }
]

And let s say I want to return the id 8587 when searching for the name test.

data.map(it => it.coaches.find(it2 => it2.username == "test")).filter(it => !!it).map(it=> it.id) — Uzer
– Uzer, Commented May 20, 2019 at 16:22

Christian Vincenzo Traina · Accepted Answer · 2019-05-20 16:23:12Z

3

Combine map and find:

const array = [
  [{a1: 1},
   {a2: 2}
  ],
  [{a1: 1},
   {a2: 2},
   {a3: 3}]
];

const element = array.map(innerArray => {
  const found = innerArray.find(el => el.a1 === 1);
  if (found) return found.a1;
  return null;
}).find(el => el !== null);

console.log(element) // 1

answered May 20, 2019 at 16:23

Christian Vincenzo Traina

10.6k4 gold badges46 silver badges79 bronze badges

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

2 Comments

IleNea Over a year ago

I got the error message: innerArray.find is not a function

Christian Vincenzo Traina Over a year ago

You have to adjust it for your object

Kunal Mukherjee · Accepted Answer · 2019-05-20 16:43:38Z

3

For finding multiple matches do as follows:

const data = [{
    "id": 584,
    "name": "Name",
    "coaches": [{
        "id": 8587,
        "username": "test"
      },
      {
        "id": 8589,
        "username": "test1"
      }
    ]
  },
  {
    "id": 587,
    "name": "O1",
    "coaches": [

    ]
  }
];

const usernameToSearch = 'test1';

const foundCoachIds = data
  .reduce((acc, curr) => {

    // Destructure the coaches property first
    const {
      coaches,
      ...rest
    } = curr;

    // Check if any username matches the coach
    const foundMatches = coaches.filter(x => x.username === usernameToSearch);

    // If there is any found match push into accumulator
    if (foundMatches.length) {
      for (const foundMatch of foundMatches) {
        if (acc.indexOf(foundMatch.id) === -1) {
          acc.push(foundMatch.id);
        }
      }
    }

    return acc;
  }, []);

console.log(foundCoachIds);

edited May 20, 2019 at 16:43

answered May 20, 2019 at 16:23

Kunal Mukherjee

5,8733 gold badges29 silver badges55 bronze badges

6 Comments

Christian Vincenzo Traina Over a year ago

Nice solution, you can just use find in place of filter and drop the || [] as much as the [0]

Uzer Over a year ago

Does this deal with more than one hit? I dont think it does. Not the best answer imo

Kunal Mukherjee Over a year ago

@Uzer what do you mean by one hit ? I didnt get ?

Koushik Ravulapelli Over a year ago

reg. this line if (foundCoach[0] && foundCoach[0].id), what if the username is found in second element of coaches array?

Kunal Mukherjee Over a year ago

@Uzer modified my answer

|

Koushik Ravulapelli · Accepted Answer · 2019-05-20 16:45:19Z

2

let y = this.items.filter(o => o.coaches.some(e => e.username === 'test'))[0]
            .coaches.filter(e=>e.username === 'test')[0].id;

console.log(y);

answered May 20, 2019 at 16:45

Koushik Ravulapelli

1,13811 silver badges30 bronze badges

Comments

Uzer · Accepted Answer · 2019-05-20 17:08:52Z

2

const data = [
   {
      "id":584,
      "name":"Name",
      "coaches":[
         {
            "id":8587,
            "username":"test"
         },
         {
            "id":8589,
            "username":"test1"
         }
      ]
   },
   {
      "id":587,
      "name":"O1",
      "coaches":[

      ]
   }
];

For outer id

data.map(it => {return !!it.coaches.find(it2 => it2.username == "test") ? it.id : null}).filter(it=>!!it)

evaluates to [584]

For inner (coaches) id:

data.map(it => it.coaches.find(it2 => it2.username == "test")).filter(it => !!it).map(it=> it.id) 

returns [8587]

Just need to take the first item from these to get your answer.

edited May 20, 2019 at 17:08

answered May 20, 2019 at 16:38

Uzer

3,2401 gold badge21 silver badges23 bronze badges

3 Comments

IleNea Over a year ago

For some reason it gives me [number];

IleNea Over a year ago

Yes, the id within the coaches array.

Uzer Over a year ago

that was my first answer in the comments... nevermind

Collectives™ on Stack Overflow

Find through array in array field

4 Answers 4

2 Comments

6 Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

6 Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related