如何从数组中获取特定玩家的信息？附JavaScript实现代码

Let's break down your current implementation and talk through its pros, cons, and how to make it more robust!

原实现的合理性与潜在问题 #

Your core logic makes sense—filtering for valid players (isPlayer: true) first, then searching their game lists aligns with the requirement. But there are a few gaps and risks to address:

• 合理性: The direction of narrowing down to real players before looking for the target game is correct.
• Potential issues:
  1. Runtime error risk: If there are no isPlayer: true entries in data, filteredData[0] becomes undefined, and trying to access .games will throw a Cannot read properties of undefined error, crashing the code.
  2. Logical limitation: You only check the first valid player's game list. If the target game ID exists in another player's list, your function will never find it.
  3. Lack of boundary checks: If a player entry doesn't have a games property, or games isn't an array, this will also trigger errors.

Optimized Solutions #

Here are two practical optimized approaches, pick based on your needs:

1. Loop Traversal (Performance-First, Early Termination)

This approach stops as soon as it finds the target game, making it more efficient for large datasets, and adds safety checks:

// Move static data outside the function to avoid re-creating it on every call
const playerData = [ 
  {name : 'jack', isPlayer: true, games:[{id:343, age:12}, {id:3422, age :132}]}, 
  { id :2 , name : 'king'}, 
  {id: 145, name: 'james'} 
];

function returnAge(PlayerId) {
  // Add basic parameter validation
  if (typeof PlayerId !== 'number') return undefined;

  for (const player of playerData) {
    // Only process valid players with a proper games array
    if (player.isPlayer && Array.isArray(player.games)) {
      const targetGame = player.games.find(game => game.id === PlayerId);
      if (targetGame) {
        // Optional: Return player info + game info if needed
        // return { playerName: player.name, game: targetGame };
        return targetGame;
      }
    }
  }

  // Return undefined or a custom value if no match is found
  return undefined;
}

2. Functional Style (Clean and Concise)

Use flatMap to flatten all valid players' game lists into a single array, then search for the target ID—great for readability:

const playerData = [ 
  {name : 'jack', isPlayer: true, games:[{id:343, age:12}, {id:3422, age :132}]}, 
  { id :2 , name : 'king'}, 
  {id: 145, name: 'james'} 
];

function returnAge(PlayerId) {
  if (typeof PlayerId !== 'number') return undefined;

  return playerData
    .filter(player => player.isPlayer && Array.isArray(player.games))
    .flatMap(player => player.games)
    .find(game => game.id === PlayerId);
}

Extra Tips #

• Data Reusability: Moving static playerData outside the function saves memory by avoiding re-creating the array on every call.
• Return Value Flexibility: If you need to return both the player's info and the game details, adjust the return statement to return an object containing both.

内容的提问来源于stack exchange，提问作者singha4086