Tips for choosing and filtering the preferred object in ES6

Question

Tips for choosing and filtering the preferred object in ES6

Consider this array structure:

const testData = [
{
  group: "Team1",
  info: [
    {
      key: 123,
      person: "Alice",
      type: "Football"
    },
    {
      key: 456,
      person: "Bob",
      type: "Tennis"
    },]
  },
  {
   group: "Team2",
  info: [
    {
      key: 890,
      person: "Cindy",
      type: "Swimming"
    },
    {
      key: 45611,
      person: "David",
      type: "Soccer"
    },]
  },
]

I have a function to select the info.key

If I select Alice, it should return 123 keeping only the key value in the output:

{group: Team1, key: 123, person: "Alice", type: "Football"}

Currently, my method looks like this:

const tempIndex = testData?.findIndex(({ info }) =>
      info.findIndex(({ key }) => key === e) // e represents the `key` value
    );
 console.log(tempIndex);

However, I am unsure if this is the best approach for achieving the desired result.

Is there an ES6 or lodash solution suitable for this scenario?

javascript typescript ecmascript-6

Answer 1

Answer №1

While this solution may not be the most efficient, it should suffice for moderate data sets:

const sampleData = [{
    "group": "GroupA",
    "details": [{
        "id": 123,
        "name": "Mike",
        "category": "Basketball"
      },
      {
        "id": 456,
        "name": "John",
        "category": "Golf"
      },
    ],
  },
  {
    "group": "GroupB",
    "details": [{
        "id": 890,
        "name": "Jenny",
        "category": "Gymnastic"
      },
      {
        "id": 45611,
        "name": "Santis",
        "category": "Chess"
      },
    ]
  },
]

const findGroup = name => sampleData.find(group => group.details.some(entry => entry.name === name));
const findItem = name => {
  const group = findGroup(name);
  const item = group?.details?.find(({name: n}) => n === name);
  return item ? { group: group.group, ...item } : null;
}

console.log(findItem('Jenny'));
console.log(findItem('Bob'));

Answer 2

While this solution may not be the most efficient, it should suffice for moderate data sets:

const sampleData = [{
    "group": "GroupA",
    "details": [{
        "id": 123,
        "name": "Mike",
        "category": "Basketball"
      },
      {
        "id": 456,
        "name": "John",
        "category": "Golf"
      },
    ],
  },
  {
    "group": "GroupB",
    "details": [{
        "id": 890,
        "name": "Jenny",
        "category": "Gymnastic"
      },
      {
        "id": 45611,
        "name": "Santis",
        "category": "Chess"
      },
    ]
  },
]

const findGroup = name => sampleData.find(group => group.details.some(entry => entry.name === name));
const findItem = name => {
  const group = findGroup(name);
  const item = group?.details?.find(({name: n}) => n === name);
  return item ? { group: group.group, ...item } : null;
}

console.log(findItem('Jenny'));
console.log(findItem('Bob'));

Answer 3

Answer №2

You have the option to utilize forEach along with a regular for loop instead of relying on find

const dataCollection = [{
    "team": "TeamA",
    "players": [{
        "id": 123,
        "name": 'Mike',
        "position": "Forward"
      },
      {
        "id": 456,
        "name": 'John',
        "position": "Guard"
      },
    ],
  },
  {
    "team": "TeamB",
    "players": [{
        "id": 890,
        "name": 'Jenny',
        "position": "Dancer"
      },
      {
        "id": 45611,
        "name": 'Santis',
        "position": "Musician"
      },
    ]
  }
]


function findPlayer(playerName) {
  let currentPlayer = {};
  dataCollection.forEach((item) => {
    for (let i = 0; i < item.players.length; i++) {
      if (item.players[i].name === playerName) {
        currentPlayer = item.players[i]
      }
    }
  })
  return currentPlayer;
}

console.log(findPlayer('Mike'))

Answer 4

You have the option to utilize forEach along with a regular for loop instead of relying on find

const dataCollection = [{
    "team": "TeamA",
    "players": [{
        "id": 123,
        "name": 'Mike',
        "position": "Forward"
      },
      {
        "id": 456,
        "name": 'John',
        "position": "Guard"
      },
    ],
  },
  {
    "team": "TeamB",
    "players": [{
        "id": 890,
        "name": 'Jenny',
        "position": "Dancer"
      },
      {
        "id": 45611,
        "name": 'Santis',
        "position": "Musician"
      },
    ]
  }
]


function findPlayer(playerName) {
  let currentPlayer = {};
  dataCollection.forEach((item) => {
    for (let i = 0; i < item.players.length; i++) {
      if (item.players[i].name === playerName) {
        currentPlayer = item.players[i]
      }
    }
  })
  return currentPlayer;
}

console.log(findPlayer('Mike'))

Answer 5

Answer №3

Utilizing the find() method within a basic for-of loop

const retrieveIdByName = (name) => {
   let id;   
   for( team of data){        
        id =  team.members.find(({name}) => name === nm )?.id || false;
        if(id)  break;      
    }  
    return id;
}
    
console.log(retrieveIdByName('Mike'))

<script>
  const data = [
  {
    "team": "TeamA",
    "members": [
      {
        "id": 123,
        "name": "Mike",
        "role": "Captain"
      },
      {
        "id": 456,
        "name": "John",
        "role": "Player"
      }
    ]
  },
  {
    "team": "TeamB",
    "members": [
      {
        "id": 890,
        "name": "Jenny",
        "role": "Coach"
      },
      {
        "id": 45611,
        "name": "Santis",
        "role": "Manager"
      }
    ]
  }
]
</script>

Answer 6

Utilizing the find() method within a basic for-of loop

const retrieveIdByName = (name) => {
   let id;   
   for( team of data){        
        id =  team.members.find(({name}) => name === nm )?.id || false;
        if(id)  break;      
    }  
    return id;
}
    
console.log(retrieveIdByName('Mike'))

<script>
  const data = [
  {
    "team": "TeamA",
    "members": [
      {
        "id": 123,
        "name": "Mike",
        "role": "Captain"
      },
      {
        "id": 456,
        "name": "John",
        "role": "Player"
      }
    ]
  },
  {
    "team": "TeamB",
    "members": [
      {
        "id": 890,
        "name": "Jenny",
        "role": "Coach"
      },
      {
        "id": 45611,
        "name": "Santis",
        "role": "Manager"
      }
    ]
  }
]
</script>

Tips for choosing and filtering the preferred object in ES6

Answer №1

Answer №2

Answer №3

Similar questions

The functionality of jQuery binding is not functioning properly

Using Puppeteer to Retrieve a List of Items with Identical Selectors

Name the Angular interpolation function with the (click) event

Using p5.js with TypeScript and Webpack is not supported

Can SVN hooks be incorporated into NPM in a way that is comparable to git hooks?

Delaying Jquery on scroll Event

Getting rid of a cookie from the header in Reactjs

Angular 2 is throwing an error: Unhandled Promise rejection because it cannot find a provider for AuthService. This error is occurring

Is there a standardized method for obtaining a date in the format of six digits as YYMMDD?

Learn the process of utilizing Uglify.js to combine JavaScript files for individual views within Express.js

Ensuring consistent placement and scrollability of two divs across all screen sizes

Delivering XML in response to a webmethod call

Verify the checkbox for validation is shown exclusively

How to download a file using AJAX in Laravel?

Load an external URL and load a file from the local directory using Electron

Searching for $or command in express.js

Styling Input elements with a unified border in Bootstrap

Feed information into a Select element from the Material UI version 1 beta

What are the distinctions between generic and discriminated types?

What should be the proper service parameter type in the constructor and where should it be sourced from?