How can I filter an array with an array of strings

Question

I am running into an issue, I have a similar array of Strings in JS:

    const users = [
          {
            age: 13,
            username: "adam",
            interests: []
          },
          {
            age: 20,
            username: "eve"
            interests: [
              {
                name: "Bars",
              },
              {
                name: "Cafe",
              },
            ],
          },
          {
            age: 23,
            username: "alex"
            interests: [
              {
                name: "Bars",
              },
              {
                name: "Healthy",
              },
              {
                name: "Japanese",
              },
            ],
          },
        ];
    
    const interests = ["Bars", "Cafe"];

And I would like to filter users having the same interests as the array of interests.

I tried in different ways without getting the desired result. How should I proceed with this?

Can you show an example of what you have tried? It really helps understanding the specifc problem you have and people have a way of starting/thinking. You could add a SO snipper or a jsfiddle.net snipper or something — Nebulosar
– Nebulosar, Commented Oct 2, 2020 at 7:40

Nina Scholz · Accepted Answer · 2020-10-02 07:50:18Z

Depending on the wanted result with users with at least one matching interest or all wanted interests, you could take either Array#some or Array#every for filtering interests.

const
    users = [{ age: 13, username: "adam", interests: [] }, { age: 20, username: "eve",  interests: [{ name: "Bars" }, { name: "Cafe" }] }, { age: 23, username: "alex", interests: [{ name: "Bars" }, { name: "Healthy" }, { name: "Japanese" }] }],
    interests = ["Bars", "Cafe"],
    one = users.filter(o => interests.some(i => o.interests.some(({ name }) => name === i))),
    all = users.filter(o => interests.every(i => o.interests.some(({ name }) => name === i)));

console.log(one);
console.log(all);

.as-console-wrapper { max-height: 100% !important; top: 0; }

alotropico · Accepted Answer · 2020-10-02 07:54:06Z

const users = [
  {
    age: 13,
    username: "adam",
    interests: []
  },
  {
    age: 20,
    username: "eve",
    interests: [
      {
        name: "Bars",
      },
      {
        name: "Cafe",
      },
    ],
  },
  {
    age: 23,
    username: "alex",
    interests: [
      {
        name: "Bars",
      },
      {
        name: "Healthy",
      },
      {
        name: "Japanese",
      },
    ],
  },
];

const interests = ["Bars", "Cafe"];
    
function getUsers(users, interests) {
  return users.map(user => {
    for(let i=0; i<interests.length; i++) {
      return user.interests.some(interest => interest.name == interests[i]) ? user : false
    }
  })
}

console.log(getUsers(users, interests))

Alok Takshak · Accepted Answer · 2020-10-02 07:54:20Z

const users = [
          {
            age: 13,
            username: "adam",
            interests: []
          },
          {
            age: 20,
            username: "eve",
            interests: [
              {
                name: "Bars",
              },
              {
                name: "Cafe",
              },
            ],
          },
          {
            age: 23,
            username: "alex",
            interests: [
              {
                name: "Bars",
              },
              {
                name: "Healthy",
              },
              {
                name: "Japanese",
              },
            ],
          },
        ];
    
    const interests = ["Bars", "Cafe"];
            
 const filteredData = users.filter(user => {
   const userInterests = user.interests.map(interest => interest.name);
   return JSON.stringify(userInterests) === JSON.stringify(interests)
 } );
            
 console.log('data ->', filteredData);

Behnam akbari · Accepted Answer · 2020-10-02 08:27:23Z

0

use below code

users.filter(e=>e.interests.find(q=>interests.some(w=>w==q.name)))

answered Oct 2, 2020 at 8:27

Behnam akbari

513 bronze badges

Comments

Supportic · Accepted Answer · 2020-10-02 08:42:04Z

This snippet will return a structure of people with the same interests. The key is the interestName and the value is a array of people.

const users = [
  {
    age: 13,
    username: "adam",
    interests: [],
  },
  {
    age: 20,
    username: "eve",
    interests: [
      {
        name: "Bars",
      },
      {
        name: "Cafe",
      },
    ],
  },
  {
    age: 23,
    username: "alex",
    interests: [
      {
        name: "Bars",
      },
      {
        name: "Healthy",
      },
      {
        name: "Japanese",
      },
    ],
  },
];

let commonInterests = new Map();
users.forEach((user) => {
  for (let interest in user.interests) {
    const username = user.username;
    const interestName = user.interests[interest].name;

    if (commonInterests.has(interestName)) {
      let knownNames = commonInterests.get(interestName);
      knownNames.push(username);
      commonInterests.set(interestName, knownNames);
    } else {
      commonInterests.set(interestName, [username]);
    }
  }
});

console.log(Object.fromEntries([...commonInterests]));

Collectives™ on Stack Overflow

How can I filter an array with an array of strings

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Related