Angular 2 Typoskript wie Element zu finden in Array

Question

Ich habe eine Komponente und einen Service:

Komponente:

export class WebUserProfileViewComponent { 
 
    persons: Person []; 
 
    personId: number; 
 
    constructor(params: RouteParams, private personService: PersonService) { 
 
      
 
     
 
      this.personId = params.get('id'); 
 
      this.persons = this. personService.getPersons(); 
 
      console.log(this.personId); 
 
     } 
 
}

Service:

@Injectable() 
 
export class PersonService { 
 
     getPersons(){ 
 
     var persons: Person[] = [ 
 
      {id: 1, firstName:'Hans', lastName:'Mustermann', email: 'mustermann@test.com', company:'Test', country:'DE'}, 
 
      {id: 2, firstName:'Muster', lastName:'Mustermann', email: 'mustermann@test.com', company:'test', country:'DE'}, 
 
      {id:3, firstName:'Thomas', lastName:'Mustermann', email: 'mustermannt@tesrt.com', company:'test', country:'DE'} 
 
     ]; 
 
      
 
     return persons; 
 
     } 
 
}

Ich möchte die Person mit der ID ('personID') bekommen. Die personID erhalte ich von Routeparam. Dafür brauche ich die foreach-Schleife? Dafür habe ich keine Lösung gefunden.

Vielen Dank im Voraus!

Answer 1

Sie müssen Methode verwenden Array.filter:

this.persons = this.personService.getPersons().filter(x => x.id == this.personId)[0]; 

oder Array.find

this.persons = this.personService.getPersons().find(x => x.id == this.personId); 

Answer 2

Verwenden Sie diesen Code in Ihren Diensten:

return this.getReports(accessToken) 
     .then(reports => reports.filter(report => report.id === id)[0]); 

Answer 3

die Datenstruktur, wenn Sie auf einer Karte Trans Verwenden Sie häufig diese Suche

mapPersons: Map<number, Person>; 

// prepare the map - call once or when person array change 
populateMap() : void { 
    this.mapPersons = new Map(); 
    for (let o of this.personService.getPersons()) this.mapPersons.set(o.id, o); 
} 
getPerson(id: number) : Person { 
    return this.mapPersons.get(id); 
} 

Answer 4

aus Maschinenschrift kann nativer Filter JS Array verwenden() Methode:

let filteredElements=array.filter(element => element.field == filterValue); 

es ein Array mit nur passenden Elemente aus der ursprünglichen Anordnung zurückgibt (0, 1 oder mehr)

Referenz : https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Answer 5

nehme ich unterhalb Array:

Taschen [

{Id: 1, Name: "oily skin"}, 
{Id: 2, Name: "dry skin"} 

];

Wenn wir mit Id = 1 und Name = "fettige Haut" erhalten Einzelteil wünschen, werden wir versuchen, wie unten:

var Skinname = skins.find (x => x.cd == „1 ").Name;

Das Ergebnis wird der SkinName ist "Fettige Haut" zurückgegeben.

Bitte versuchen Sie es, danke und beste beachtung!