Iterating through an array containing objects using a function and a parameter

Question

I'd like to create a function that iterates through an array containing separate objects with name, surname and age properties. The function should take a parameter "name" and return the name, surname and age in the console.

How would I do this? I've looked at some other questions but can't seem to figure out how to do it. I've created this so far...

var people = [
  { name: "Sue", surname: "Beckett", age: 50},
  { name: "Bill", surname: "Borough", age: 44},
  { name: "Janet", surname: "Jupp", age: 23},
  { name: "Peter", surname: "Pepper", age: 21},
  { name: "Samantha", surname: "Salad", age: 17}
];


function person(name) {
  // code here
}

person(sue)

Search for array filter or find in latest version of JS. — Tushar
– Tushar, Commented Nov 6, 2017 at 8:53
Make sure that you pass the name as string ("Sue" instead of sue), also check the case-sensitivity for the match — Alvis
– Alvis, Commented Nov 6, 2017 at 8:54

cнŝdk · Accepted Answer · 2017-11-06 09:00:58Z

Simply use Array#find() method like this:

function person(name) {
  return people.find(function(p) {
    return p.name == name;
  });
}
console.log(person("Samantha"));

Demo:

var people = [{
    name: "Sue",
    surname: "Beckett",
    age: 50
  },
  {
    name: "Bill",
    surname: "Borough",
    age: 44
  },
  {
    name: "Janet",
    surname: "Jupp",
    age: 23
  },
  {
    name: "Peter",
    surname: "Pepper",
    age: 21
  },
  {
    name: "Samantha",
    surname: "Salad",
    age: 17
  }
];

function person(name) {
  return people.find(function(p) {
    return p.name == name;
  });
}
console.log(person("Samantha"));
console.log(Object.values(person("Samantha")));

Note:

Make sure you pass the name as a string when you call your method, passing just sue without "" will assume you have a variable called sue.
Note that you can use Object.values() to show only the values of the object properties, instead of the whole object.

Simply write :

console.log(Object.values(person("Samantha")));

mplungjan · Accepted Answer · 2017-11-06 08:57:59Z

0

var people = [
  { name: "Sue", surname: "Beckett", age: 50},
  { name: "Bill", surname: "Borough", age: 44},
  { name: "Janet", surname: "Jupp", age: 23},
  { name: "Peter", surname: "Pepper", age: 21},
  { name: "Samantha", surname: "Salad", age: 17}
];
    
    
function person(name) {
  for (var key in people) {
    var person = people[key];
    if (name === person.name) {
      console.log(person);
    }
  }
}

person("Sue"); // string always needs quotes: " or ' character

edited Nov 6, 2017 at 8:57

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Nov 6, 2017 at 8:55

FyZ1K

801 silver badge8 bronze badges

Comments

Nina Scholz · Accepted Answer · 2017-11-06 09:05:02Z

0

You could filter the array by checking the lower case value of name property and name variable.

function person(name) {
    people
        .filter(o => o.name.toLowerCase() === name.toLowerCase())
        .forEach(({ name, surname, age}) => {
            console.log('name:', name);
            console.log('suname:', surname);
            console.log('age:', age);
        });
}

var people = [{ name: "Sue", surname: "Beckett", age: 50 }, { name: "Bill", surname: "Borough", age: 44 }, { name: "Janet", surname: "Jupp", age: 23 }, { name: "Peter", surname: "Pepper", age: 21 }, { name: "Samantha", surname: "Salad", age: 17 }];

person('sue');

edited Nov 6, 2017 at 9:05

answered Nov 6, 2017 at 9:00

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

1 Comment

mplungjan Over a year ago

stackoverflow.com/questions/26877514/…

mrid · Accepted Answer · 2017-11-06 09:16:09Z

0

Using filter:

var people = [
    { name: "Sue", surname: "Beckett", age: 50},
    { name: "Bill", surname: "Borough", age: 44},
    { name: "Janet", surname: "Jupp", age: 23},
    { name: "Peter", surname: "Pepper", age: 21},
    { name: "Samantha", surname: "Salad", age: 17}
];


function person(personName) {
    var user = people.filter(function (user) {
       return (user.name.toLowerCase() == personName.toLowerCase());
    });
    return user[0] !== undefined ? user[0] : 'not found';
}


console.log(person('sue'));

edited Nov 6, 2017 at 9:16

answered Nov 6, 2017 at 8:57

mrid

5,7886 gold badges34 silver badges78 bronze badges

Comments

Ken Ha · Accepted Answer · 2017-11-06 08:54:38Z

-1

var people = [
  { name: "Sue", surname: "Beckett", age: 50},
  { name: "Bill", surname: "Borough", age: 44},
  { name: "Janet", surname: "Jupp", age: 23},
  { name: "Peter", surname: "Pepper", age: 21},
  { name: "Samantha", surname: "Salad", age: 17}
];


function person(name) {
  people.map((data,index)=>{
    if(data.name == name)
    {
      console.log(data.name);
      console.log(data.surname);
      console.log(data.age);
      return;
    }
  })
}

person("Sue");

answered Nov 6, 2017 at 8:54

Ken Ha

1275 bronze badges

3 Comments

Peter Seliger Over a year ago

The provided example is far from being a good answer. Firstly one should not mix data processing with displaying data (here it is not even for debugging purpose that also would be questionable). Secondly one should not bend methods from its intended purpose, here mapping misused as filter that not even returns an expected result but does data-output instead.

Ken Ha Over a year ago

i thought that he just want to log result in console

Peter Seliger Over a year ago

You are right, that's what the OP did ask for. I just criticize your approach which I do not consider feasible/valid for the already mentioned reasons.

Collectives™ on Stack Overflow

Iterating through an array containing objects using a function and a parameter

5 Answers 5

Comments

Comments

1 Comment

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related