retrieving the elements from array whose elements are objects in javascript

Question

i have two arrays variables in which each element is an object having some properties like this :

var employees = [{
                 name: 'Jack',
                 empId: 0,
                 age: 25,
                 orgId: 1
                 }, {
                 name: 'Lucifer', 
                 empId: 1,
                 age: 35,
                 orgId: 2
                 }, {
                 name: 'Adam',
                 empId: 3,
                 age: 46,
                 orgId: 1
                 }, {
                 name: 'Eve',
                 empId: 4,
                 age: 30,
                 orgId: 3
               }];

and the second variable is

var companies= [{
 name: 'Microsoft',
 id: 1,
 employees: [5 , 9]
}, {
 name: 'Google',
 id: 2,
 employees: [1]
}, {
 name: 'LinkedIn',
 id: 3,
 employees: [10]
}];

so now i want that when i give a company name (for example: Google),then it will return the employee details. i want to do it by using filter()/reduce() method, but i am not able to do it . Help needed .. thank you

Andy · Accepted Answer · 2015-11-20 09:07:06Z

1

If the employee orgId is the same as the company id you can use filter; one to get the id, and then another to grab the employees associated with that id. The function returns an array of employees.

function getEmployees(company) {
  var id = companies.filter(function (el) {
      return el.name === company;
  })[0].id;
  return employee.filter(function (el) {
      return el.orgId === id;
  });
}

getEmployees('Microsoft');

OUTPUT

[
  {
    "name": "Jack",
    "empId": 0,
    "age": 25,
    "orgId": 1
  },
  {
    "name": "Adam",
    "empId": 3,
    "age": 46,
    "orgId": 1
  }
]

DEMO

answered Nov 20, 2015 at 9:07

Andy

63.6k13 gold badges72 silver badges99 bronze badges

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

3 Comments

Mazen Elkashef Over a year ago

That's a good answer with a good demonstration of using the filter method

amark Over a year ago

@Andy can u please tell me why u have given [0].id in the first filter ??

Andy Over a year ago

filter returns an array. Because that filter is only going to return one element matching the company name we grab the first element [0] which is an object, and then .id to get the id which we use in the second filter. @amark

Niki van Stein · Accepted Answer · 2015-11-20 11:07:37Z

1

You can do that with a forEach loop and checking the name:

var Employees = []; //initialize  
companies.forEach(function(company) {
    if (company.name == "Microsoft"){
        Employees = company.employees;
        //whatever you like
        Employees.forEach(function(id){
              alert(id);
        });

    }
});

Working JsFiddle: https://jsfiddle.net/sapyt777/

edited Nov 20, 2015 at 11:07

answered Nov 20, 2015 at 8:46

Niki van Stein

10.8k3 gold badges33 silver badges63 bronze badges

13 Comments

Marcos Pérez Gude Over a year ago

Be carefull with .forEach() method and its compatibility with IE8 and older browsers.

Niki van Stein Over a year ago

@MarcosPérezGude good point, but lets hope most people do not use ie8 anymore ;)

Marcos Pérez Gude Over a year ago

I wish God hears you. And IE9 / IE10 we must to kill them too. Long live to standards.

Andy Over a year ago

You might want to check that answer. The first line is commented and there's at least one typo.

Mazen Elkashef Over a year ago

@BasvanStein Just wanted to bring your attention to the break; as it's not compatible with forEach loops.

|

Mazen Elkashef · Accepted Answer · 2015-11-20 09:47:39Z

0

Trying to brush-up my skills. So I'm pretty sure it works but I don't know if it's a good way to achieve what you want!

var input = "Microsoft";

for(company in companies) {
    if(companies[company].name === input) {
        for(emp in employee) {
            if(companies[company].id === employee[emp].orgId)
            {
                console.log(employee[emp]);
            }
        }
    }
}

edited Nov 20, 2015 at 9:47

answered Nov 20, 2015 at 9:21

Mazen Elkashef

3,4876 gold badges47 silver badges74 bronze badges

10 Comments

Andy Over a year ago

Please don't go changing the names of variables in the question if answers referencing that variable have already been posted. It breaks the code in those answers.

Mazen Elkashef Over a year ago

It just made good sense but you are right! .. Thanks for the advice, I updated my answer but not sure if I can cancel my pending edit!

Andy Over a year ago

Don't worry - I had exactly the same thought.

amark Over a year ago

i am a newbie to javascript never touched before so im getting confused in so many things suppose if i made a function like this: function emp(name,companies,employees){ this.name = name; this.companies = companies; this.employee = employees; } now i create a object from the above function like : var emp1 = new emp('Microsoft',companies,emplyees); now i given the company name like this, then how to get the all employees for this

Mazen Elkashef Over a year ago

@amark my advice to you don't use 'this' for now as it a bit complicated and it's better to gain more ground before using it. I suggest you attend a couple of javascript courses in Udacity they are free and the Object Oriented Java course explains the 'This' parameter in details. For now my code will return an array of JSONs in console which you can view by using developer tools in a browser. You can post more details about the mark-up/HTML as well so we can better help with a more complete solution.

|

Collectives™ on Stack Overflow

retrieving the elements from array whose elements are objects in javascript

3 Answers 3

3 Comments

13 Comments

10 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

13 Comments

10 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related