Provide me with the list of names from the array of objects

Question

Provide me with the list of names from the array of objects

I'm struggling to find a way to print the array of values in a specific order after looping through an object.

**Here is the challenge:**

Given a set of game outcome records, the task is to identify all the players and create an array of their names in the order they appear.

Example Input:

[
  { winner: 'Alishah', loser: 'Bob', loser_points: 3 },
  { winner: 'Maria', loser: 'Xu Jin', loser_points: 1 },
  { winner: 'Elise', loser: 'Bob', loser_points: 2 },
  { winner: 'Elise', loser: 'Maria', loser_points: 4 },
  { winner: 'Alishah', loser: 'Maria', loser_points: 2 },
  { winner: 'Maria', loser: 'Xu Jin', loser_points: 3 },
  { winner: 'Xu Jin', loser: 'Elise', loser_points: 2 }
]

Expected Result:

['Alishah', 'Bob', 'Maria', 'Xu Jin', 'Elise']

**Here's the code snippet I've been working on:**

let data = [
  { winner: 'Alishah', loser: 'Bob', loser_points: 3 },
  { winner: 'Maria', loser: 'Xu Jin', loser_points: 1 },
  { winner: 'Elise', loser: 'Bob', loser_points: 2 },
  { winner: 'Elise', loser: 'Maria', loser_points: 4 },
  { winner: 'Alishah', loser: 'Maria', loser_points: 2 },
  { winner: 'Maria', loser: 'Xu Jin', loser_points: 3 },
  { winner: 'Xu Jin', loser: 'Elise', loser_points: 2 }
];

   
console.log(main(data));

javascript arrays loops object filter

Answer 1

Answer №1

To accomplish this task, you can utilize the .flatMap() method along with the Set() constructor:

let data = [
  { winner: 'Alishah', loser: 'Bob',    loser_points: 3 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 1 },
  { winner: 'Elise',   loser: 'Bob',    loser_points: 2 },
  { winner: 'Elise',   loser: 'Maria',  loser_points: 4 },
  { winner: 'Alishah', loser: 'Maria',  loser_points: 2 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 3 },
  { winner: 'Xu Jin',  loser: 'Elise',  loser_points: 2 }
];

const res = [...new Set(data.flatMap(x=>[x.winner, x.loser]))]
console.log( res )

Explanation:

By applying the .flatMap() method, we obtain an array of arrays, where each inner array contains the names of the winning and losing players.
Subsequently, we flatten the array to consolidate all player names into a single array.
Lastly, by using [...new Set(array)], we are able to retrieve a unique list of player names to meet the intended outcome.

Answer 2

To accomplish this task, you can utilize the .flatMap() method along with the Set() constructor:

let data = [
  { winner: 'Alishah', loser: 'Bob',    loser_points: 3 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 1 },
  { winner: 'Elise',   loser: 'Bob',    loser_points: 2 },
  { winner: 'Elise',   loser: 'Maria',  loser_points: 4 },
  { winner: 'Alishah', loser: 'Maria',  loser_points: 2 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 3 },
  { winner: 'Xu Jin',  loser: 'Elise',  loser_points: 2 }
];

const res = [...new Set(data.flatMap(x=>[x.winner, x.loser]))]
console.log( res )

Explanation:

By applying the .flatMap() method, we obtain an array of arrays, where each inner array contains the names of the winning and losing players.
Subsequently, we flatten the array to consolidate all player names into a single array.
Lastly, by using [...new Set(array)], we are able to retrieve a unique list of player names to meet the intended outcome.

Answer 3

Answer №2

If you want to extract unique names from an array using JavaScript, you can utilize Array.reduce() together with Set.

By leveraging Array.reduce(), you can loop through the array and collect all names into a new array.

Afterwards, you can transform this array into a Set to automatically eliminate duplicates. To convert the set back to an array, simply use the spread syntax: [...new Set(array)]

const data = [
  { name: 'Alice',   age: 25 },
  { name: 'Bob',     age: 30 },
  { name: 'Alice',   age: 27 },
  { name: 'Kim',     age: 22 },
  { name: 'Bob',     age: 28 }
]

const uniqueNames = [...new Set(data.reduce((acc, cur) => [...acc, cur.name], []))]

console.log(uniqueNames)

Answer 4

If you want to extract unique names from an array using JavaScript, you can utilize Array.reduce() together with Set.

By leveraging Array.reduce(), you can loop through the array and collect all names into a new array.

Afterwards, you can transform this array into a Set to automatically eliminate duplicates. To convert the set back to an array, simply use the spread syntax: [...new Set(array)]

const data = [
  { name: 'Alice',   age: 25 },
  { name: 'Bob',     age: 30 },
  { name: 'Alice',   age: 27 },
  { name: 'Kim',     age: 22 },
  { name: 'Bob',     age: 28 }
]

const uniqueNames = [...new Set(data.reduce((acc, cur) => [...acc, cur.name], []))]

console.log(uniqueNames)

Answer 5

Answer №3

const getUniquePlayers = collection.reduce((acc, player) => {
    if(!acc.inStore[player.winner]) {
        acc.players.push(player.winner)
        acc.inStore[player.winner] = true
    }
    if(!acc.inStore[player.loser]) {
        acc.players.push(player.loser)
        acc.inStore[player.loser] = true
    }
    return acc;
}, {players: [], inStore: {}}).players

// Result: ["Alishah", "Bob", "Maria", "Xu Jin", "Elise"]

Answer 6

const getUniquePlayers = collection.reduce((acc, player) => {
    if(!acc.inStore[player.winner]) {
        acc.players.push(player.winner)
        acc.inStore[player.winner] = true
    }
    if(!acc.inStore[player.loser]) {
        acc.players.push(player.loser)
        acc.inStore[player.loser] = true
    }
    return acc;
}, {players: [], inStore: {}}).players

// Result: ["Alishah", "Bob", "Maria", "Xu Jin", "Elise"]

Answer 7

Answer №4

Utilize the reduce method along with includes

console.clear();

"use strict";

const scores = [
  { winner: 'Alishah', loser: 'Bob',    loser_points: 3 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 1 },
  { winner: 'Elise',   loser: 'Bob',    loser_points: 2 },
  { winner: 'Elise',   loser: 'Maria',  loser_points: 4 },
  { winner: 'Alishah', loser: 'Maria',  loser_points: 2 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 3 },
  { winner: 'Xu Jin',  loser: 'Elise',  loser_points: 2 }
]

function filterPlayers(coll, {winner, loser}) {
  if (!coll.includes(winner)) {
    coll.push(winner)
  }
  if (!coll.includes(loser)) {
    coll.push(loser)
  }
  return coll;
}

var playersList = scores.reduce(filterPlayers, [])
console.log(playersList)

Answer 8

Utilize the reduce method along with includes

console.clear();

"use strict";

const scores = [
  { winner: 'Alishah', loser: 'Bob',    loser_points: 3 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 1 },
  { winner: 'Elise',   loser: 'Bob',    loser_points: 2 },
  { winner: 'Elise',   loser: 'Maria',  loser_points: 4 },
  { winner: 'Alishah', loser: 'Maria',  loser_points: 2 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 3 },
  { winner: 'Xu Jin',  loser: 'Elise',  loser_points: 2 }
]

function filterPlayers(coll, {winner, loser}) {
  if (!coll.includes(winner)) {
    coll.push(winner)
  }
  if (!coll.includes(loser)) {
    coll.push(loser)
  }
  return coll;
}

var playersList = scores.reduce(filterPlayers, [])
console.log(playersList)

Answer 9

Answer №5

After analyzing your code and the expected outcome, it appears that you may have forgotten to include the 'looser' name in the 'arr' array. One way to resolve this issue is by utilizing the 'reduce' method available in JavaScript arrays:

const arr = outcomes.reduce((completeList,{winner, looser}) => {
    const extraNames = [winner, looser]
        .filter(x => !completeList.includes(x));
    return [
        ...completeList,
        ...extraNames
    ];
}, []);

Answer 10

After analyzing your code and the expected outcome, it appears that you may have forgotten to include the 'looser' name in the 'arr' array. One way to resolve this issue is by utilizing the 'reduce' method available in JavaScript arrays:

const arr = outcomes.reduce((completeList,{winner, looser}) => {
    const extraNames = [winner, looser]
        .filter(x => !completeList.includes(x));
    return [
        ...completeList,
        ...extraNames
    ];
}, []);

Answer 11

Answer №6

Utilizing map and filter methods

let participants = [
  { winner: 'Alishah', loser: 'Bob',    loser_points: 3 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 1 },
  { winner: 'Elise',   loser: 'Bob',    loser_points: 2 },
  { winner: 'Elise',   loser: 'Maria',  loser_points: 4 },
  { winner: 'Alishah', loser: 'Maria',  loser_points: 2 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 3 },
  { winner: 'Xu Jin',  loser: 'Elise',  loser_points: 2 }
];

let uniqueWinners = participants.map(item => item.winner).filter((value, index, self) => self.indexOf(value) === index);
console.log(uniqueWinners);

Answer 12

Utilizing map and filter methods

let participants = [
  { winner: 'Alishah', loser: 'Bob',    loser_points: 3 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 1 },
  { winner: 'Elise',   loser: 'Bob',    loser_points: 2 },
  { winner: 'Elise',   loser: 'Maria',  loser_points: 4 },
  { winner: 'Alishah', loser: 'Maria',  loser_points: 2 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 3 },
  { winner: 'Xu Jin',  loser: 'Elise',  loser_points: 2 }
];

let uniqueWinners = participants.map(item => item.winner).filter((value, index, self) => self.indexOf(value) === index);
console.log(uniqueWinners);

Answer 13

Answer №7

const tournamentResults = [
  { winner: 'Alishah', loser: 'Bob',    loser_points: 3 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 1 },
  { winner: 'Elise',   loser: 'Bob',    loser_points: 2 },
  { winner: 'Elise',   loser: 'Maria',  loser_points: 4 },
  { winner: 'Alishah', loser: 'Maria',  loser_points: 2 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 3 },
  { winner: 'Xu Jin',  loser: 'Elise',  loser_points: 2 }
];

const players = tournamentResults.reduce((acc, cur) => {
  if(!acc.includes(cur.winner))
  acc.push(cur.winner);
  if(!acc.includes(cur.loser))
  acc.push(cur.loser);
  return acc;
}, []).join(",");

console.log(players);

Answer 14

const tournamentResults = [
  { winner: 'Alishah', loser: 'Bob',    loser_points: 3 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 1 },
  { winner: 'Elise',   loser: 'Bob',    loser_points: 2 },
  { winner: 'Elise',   loser: 'Maria',  loser_points: 4 },
  { winner: 'Alishah', loser: 'Maria',  loser_points: 2 },
  { winner: 'Maria',   loser: 'Xu Jin', loser_points: 3 },
  { winner: 'Xu Jin',  loser: 'Elise',  loser_points: 2 }
];

const players = tournamentResults.reduce((acc, cur) => {
  if(!acc.includes(cur.winner))
  acc.push(cur.winner);
  if(!acc.includes(cur.loser))
  acc.push(cur.loser);
  return acc;
}, []).join(",");

console.log(players);

Provide me with the list of names from the array of objects

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Answer №7

Similar questions

Adding JSON data to a table with the keys in the first row is a simple process that can be achieved

Listen for the modified value in a directive with AngularJS

Techniques for transferring array values to a function in JavaScript

The jQuery placeholder plugin encounters an error stating 'jQuery is not defined'

Service Worker's fetch event is not triggered upon registering the service worker

most efficient method for verifying if three text fields have no content

I'm experiencing an out of memory issue and struggling to identify the root cause

I need to sort my tags by comma and use MUI Select to filter them

When using jQuery Ajax, only pass the query string if it is defined and not empty

Discovering and tallying a particular term within a text via JavaScript - a guide

Retrieving data with .getJSON and iterating over an array

What is the best way to merge different Vue JS instances (each linked to different html divs) into one cohesive unit using Vue

Is it possible to match a String with the identifier of an array?

"Unleashing the Power of MongoDB's Dynamic $in

Exploring the keyof operator in Typescript for object types

Guide to integrating Firebase token authentication with a web API2 controller

Validation in Laravel appears to be ineffective when managing schedules

Locate the nearest index within the array

One array comprises of all elements found in a separate array

Exploring the dynamic loading of JavaScript functions with Ajax in Dojo while passing arguments