Filter and Map on Array of Objects

Question

    let team = [
    {'name' : 'Bob Jones', 'Info': {'Height': '6.4', 'Weight': 170}, 'age': 20},
    {'name' : 'John Anderson', 'Info': {'Height': '5.4', 'Weight': 120}, 'age': 23},
    {'name' : 'Tim Hamburger', 'Info': {'Height': '6.1', 'Weight': 180}, 'age': 25},
    {'name' : 'Tom Hamburger', 'Info': {'Height': '6.6', 'Weight': 220}, 'age': 30},
    {'name' : 'Jack Johnson', 'Info': {'Height': '6.0', 'Weight': 190}, 'age': 41},
    {'name' : 'Tommy Tubbs', 'Info': {'Height': '6.1', 'Weight': 180}, 'age': 50},
    ]
    
    let age = (team) => {
      let earlyTwenties = [];
      team.filter((members) => {
        if(members.age >= 20 && members.age <= 25) {
          earlyTwenties.push(members.name)
        }
      });
      return earlyTwenties;
    }
    
    console.log(age(team));//[ 'Bob Jones', 'John Anderson', 'Tim Hamburger' ]

I have a function that filters all the team members that are in their early twenties. I need to return only the team members first names instead of their full names.

I know I can use a for-loop and split each name and then use another for loop to return every other value giving me all the first names, but I'm trying to write better code using HOF.

Any suggestions on how to use map to split the array and return only the first name all in the same function?

Excuse me, could you precise your desired result? You want to get e.g. Bob instead of Bob Jones? — kind user
– kind user, Commented Jul 30, 2017 at 16:11

pdjota · Accepted Answer · 2017-07-30 16:13:06Z

4

You could use Array#filter to firstly get every players age that fulfills the condition and then Array#map to get just their names using string split.

let team = [
{'name' : 'Bob Jones', 'Info': {'Height': '6.4', 'Weight': 170}, 'age': 20},
{'name' : 'John Anderson', 'Info': {'Height': '5.4', 'Weight': 120}, 'age': 23},
{'name' : 'Tim Hamburger', 'Info': {'Height': '6.1', 'Weight': 180}, 'age': 25},
{'name' : 'Tom Hamburger', 'Info': {'Height': '6.6', 'Weight': 220}, 'age': 30},
{'name' : 'Jack Johnson', 'Info': {'Height': '6.0', 'Weight': 190}, 'age': 41},
{'name' : 'Tommy Tubbs', 'Info': {'Height': '6.1', 'Weight': 180}, 'age': 50},
];

let res = team.filter(v => v.age > 19 && v.age < 26)
              .map(v => v.name.split(" ")[0]);
              
console.log(res);

edited Jul 30, 2017 at 16:13

pdjota

3,2533 gold badges26 silver badges33 bronze badges

answered Jul 30, 2017 at 16:04

kind user

42k8 gold badges69 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

akuiper · Accepted Answer · 2017-07-30 16:05:07Z

You can use map and for each name, split on white space and return the first element:

age(team).map(fullname => fullname.split(" ")[0])

let team = [
{'name' : 'Bob Jones', 'Info': {'Height': '6.4', 'Weight': 170}, 'age': 20},
{'name' : 'John Anderson', 'Info': {'Height': '5.4', 'Weight': 120}, 'age': 23},
{'name' : 'Tim Hamburger', 'Info': {'Height': '6.1', 'Weight': 180}, 'age': 25},
{'name' : 'Tom Hamburger', 'Info': {'Height': '6.6', 'Weight': 220}, 'age': 30},
{'name' : 'Jack Johnson', 'Info': {'Height': '6.0', 'Weight': 190}, 'age': 41},
{'name' : 'Tommy Tubbs', 'Info': {'Height': '6.1', 'Weight': 180}, 'age': 50},
]

let age = (team) => {
  let earlyTwenties = [];
  team.filter((members) => {
    if(members.age >= 20 && members.age <= 25) {
      earlyTwenties.push(members.name)
    }
  });
  return earlyTwenties;
}

console.log(age(team));

console.log(
  age(team).map(fullname => fullname.split(" ")[0])
)

Nina Scholz · Accepted Answer · 2017-07-30 16:08:08Z

You could get first all objects and then map only the first name of the objects as result set.

let team = [ { name: 'Bob Jones', Info: { Height: '6.4', Weight: 170 }, age: 20 }, { name: 'John Anderson', Info: { Height: '5.4', Weight: 120 }, 'age': 23 }, { name: 'Tim Hamburger', Info: { Height: '6.1', Weight: 180 }, 'age': 25 }, { name: 'Tom Hamburger', Info: { Height: '6.6', Weight: 220 }, age: 30 }, { name: 'Jack Johnson', Info: { Height: '6.0', Weight: 190}, age: 41}, { name: 'Tommy Tubbs', Info: { Height: '6.1', Weight: 180}, age: 50}],
    age = team => team.filter(members => members.age >= 20 && members.age <= 25)
                      .map(members => members.name.split(' ')[0]);

console.log(age(team));//[ 'Bob Jones', 'John Anderson', 'Tim Hamburger' ]

Collectives™ on Stack Overflow

Filter and Map on Array of Objects

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related