Angular4 how to find specific value from an array

Question

I am using Components and service Component :

servers:{Name : string , Id:number }[]=[];

ngOnInit() {
    this.Id =   this.route.snapshot.params['id'];
}

Service :

server_detail=[{Name : 'production',Id    : 1},
               {Name :'Attendance', Id    : 2}];

I am getting Id from the route and want to fetch server name corresponding to that server Id.

You want to find name that is correspoding to id given from server? — Haseoh
– Haseoh, Commented Aug 21, 2017 at 12:45

FAISAL · Accepted Answer · 2017-08-22 07:53:45Z

12

You can find the specific value using the find() method:

// by Id
let server = this.servers.find(x => x.Id === 1);
// or by Name
let server = this.servers.find(x => x.Name === 'production');

UPDATE according to your comment:

ngOnInit() {
    this.servers = this.alldata.server_detail;
    this.server_Id=  this.route.snapshot.params['id'];

    let server = this.servers.find(x => x.Id === this.server_Id);
    if(server !== undefined) {
        // You can access Id or Name of the found server object.
        concole.log(server.Name);
    }
}

If an object is not found, then the find() method will return undefined.

edited Aug 22, 2017 at 7:53

answered Aug 21, 2017 at 12:49

FAISAL

34.8k10 gold badges102 silver badges107 bronze badges

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

6 Comments

Pratap Chauhan Over a year ago

ngOnInit() { this.servers=this.alldata.server_detail; this.server_Id= this.route.snapshot.params['id']; let server = this.servers.find(x => x.Id === this.server_Id); console.log(this.server_Id);} console.log(server);} server is "undefined" , but server_id having value and servers also have data then why server is undefined @Faisal

FAISAL Over a year ago

@user8331237 are you sure you get all servers data correctly? try to console.log(this.alldata.server_detail) and see if it contains data.

Pratap Chauhan Over a year ago

yess.. I checked it out. console.log(this.alldata.server_detail) it contains the data

FAISAL Over a year ago

Share your code on some plunker or in the question.

Pratap Chauhan Over a year ago

problem has been solved ... Can you tell me difference between the working of find and filter method

|

Collectives™ on Stack Overflow

Angular4 how to find specific value from an array

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related