Is there a way to iterate through an array of objects and eliminate duplicate names to retrieve distinct players in a fresh array?

Question

Is there a way to iterate through an array of objects and eliminate duplicate names to retrieve distinct players in a fresh array?

I'm struggling to filter out duplicate player names from an array of objects and create a new array with only unique player names in the same order. I have considered using a forEach loop or a similar approach, but I am unsure of how to handle multiple occurrences.

const players = function(outcomes) {

  const arr = [];
  for (let i = 0; i < outcomes.length; i++) {
    if (outcomes.includes(winner, loser))
    arr.push(arr[i]);
  }
  return arr;

};

For example:

const playerNames = [
 { winner: 'Sam',   loser: 'Bruce',    loser_points: 10 },
  { winner: 'Sam',   loser: 'Hakim',  loser_points: 9 }]

Expected Output: [Sam, Bruce, Hakim]

javascript arrays object

Answer 1

Answer №1

let gameParticipants = [
    { winner: 'Sam',   loser: 'Bruce',    loser_points: 10 },
    { winner: 'Sam',   loser: 'Hakim',  loser_points: 9 }
];

const findPlayers = function(participants) { 
    let players = {}; 
    let participant;
    for (let i=0; i<participants.length; i++) {
        participant = participants[i];
        players[participant.winner] = 1;
        players[participant.loser] = 1;
    }
    return Object.keys(players);
}

console.log(findPlayers(gameParticipants));

Answer 2

let gameParticipants = [
    { winner: 'Sam',   loser: 'Bruce',    loser_points: 10 },
    { winner: 'Sam',   loser: 'Hakim',  loser_points: 9 }
];

const findPlayers = function(participants) { 
    let players = {}; 
    let participant;
    for (let i=0; i<participants.length; i++) {
        participant = participants[i];
        players[participant.winner] = 1;
        players[participant.loser] = 1;
    }
    return Object.keys(players);
}

console.log(findPlayers(gameParticipants));

Answer 3

Answer №2

There are various methods to accomplish this task, and it's recommended to explore other solutions provided as well. Below is a revised version of your code with some minor corrections made in the if condition.

const playersList = [{
    winner: 'Sam',
    loser: 'Bruce',
    loser_points: 10
  },
  {
    winner: 'Sam',
    loser: 'Hakim',
    loser_points: 9
  },
  {
    winner: 'Sam',
    loser: 'Paul',
    loser_points: 9
  }
];

const getPlayers = function(data) {
  const playerArr = [];
  
  for (let i = 0; i < data.length; i++) {
    // check and add winner to the array
    if (!playerArr.includes(data[i].winner))
      playerArr.push(data[i].winner);

    // check and add loser to the array
    if (!playerArr.includes(data[i].loser))
      playerArr.push(data[i].loser);
  }
  
  return playerArr;
};

console.log(getPlayers(playersList));

Answer 4

There are various methods to accomplish this task, and it's recommended to explore other solutions provided as well. Below is a revised version of your code with some minor corrections made in the if condition.

const playersList = [{
    winner: 'Sam',
    loser: 'Bruce',
    loser_points: 10
  },
  {
    winner: 'Sam',
    loser: 'Hakim',
    loser_points: 9
  },
  {
    winner: 'Sam',
    loser: 'Paul',
    loser_points: 9
  }
];

const getPlayers = function(data) {
  const playerArr = [];
  
  for (let i = 0; i < data.length; i++) {
    // check and add winner to the array
    if (!playerArr.includes(data[i].winner))
      playerArr.push(data[i].winner);

    // check and add loser to the array
    if (!playerArr.includes(data[i].loser))
      playerArr.push(data[i].loser);
  }
  
  return playerArr;
};

console.log(getPlayers(playersList));

Answer 5

Answer №3

Utilize the Set method to create a unique list of data.

const playerNames = [{ winner: 'Sam', loser: 'Bruce', loser_points: 10 },{ winner: 'Sam', loser: 'Hakim', loser_points: 9 }];
const players = Array.from(new Set(playerNames.flatMap((node) => [node.winner, node.loser])));
console.log(players);

Answer 6

Utilize the Set method to create a unique list of data.

const playerNames = [{ winner: 'Sam', loser: 'Bruce', loser_points: 10 },{ winner: 'Sam', loser: 'Hakim', loser_points: 9 }];
const players = Array.from(new Set(playerNames.flatMap((node) => [node.winner, node.loser])));
console.log(players);

Answer 7

Answer №4

I decided to revise my solution inspired by the technique used by Elaine Alt, as I found their approach quite compelling!

(however, with the implementation of reduce)

function extractPlayers(games) {
    return Object.keys(
        games.reduce((accumulator, game) => {
            return {
                ...accumulator,
                [game.winner]: 1,
                [game.loser]: 1,
            };
        }, {})
    );
};

Answer 8

I decided to revise my solution inspired by the technique used by Elaine Alt, as I found their approach quite compelling!

(however, with the implementation of reduce)

function extractPlayers(games) {
    return Object.keys(
        games.reduce((accumulator, game) => {
            return {
                ...accumulator,
                [game.winner]: 1,
                [game.loser]: 1,
            };
        }, {})
    );
};

Is there a way to iterate through an array of objects and eliminate duplicate names to retrieve distinct players in a fresh array?

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Can jQuery.jScrollPane be set to consistently display a vertical scroll bar?

Is there a way to determine in FireBug the specific JavaScript code being received from the server following an Ajax request?

accept various query parameters in a GET request in a REST API written in Node.js

Tips for utilizing numerous tables with multiple selection tags

Modifying the onclick function of an HTML select element - easy steps!

Stopping the timer with clearInterval isn't functioning as expected

Is it possible to add some color to the first table in the div

Utilizing jQuery to configure multiple selection options within OptGroup elements

Utilize JavaScript to redirect based on URL parameters with the presence of the "@ symbol"

What is the best way to convert template interpolation using different words into a correct expression syntax in JavaScript regex?

I encountered an error stating "angular not found" when attempting to dynamically load my Angular scripts

Using jQuery to send a post request to a PHP script using either JavaScript or PHP

Vue continues to execute the timeout method even after it has been successfully cleared

jQuery: extracting unique content from DOM elements using filter/get/select techniques

Nested promises utilized within functional programming techniques

Javascript editing enhancement for real-time changes

Utilizing the Tooltip Directive when hovering over the designated tooltip region

Is it possible to utilize Sequelize model methods to articulate the given SQL query effectively?

The jQuery ajax function is failing to return any results

Trigger a click event upon page load using jQuery or JavaScript