angolare 2 dattiloscritto come trovare elemento in Array

Question

Ho un componente e un Servizio:

Componente:

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); 
 
     } 
 
}

Servizio:

@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; 
 
     } 
 
}

Voglio ottenere l'oggetto Persona con l'Id ('personID'). Il personID che ottengo da Routeparam. Per quello ho bisogno del ciclo foreach? Ma non ho trovato una soluzione per questo.

Grazie in anticipo!

Answer 1

è necessario utilizzare il metodo Array.filter:

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

o Array.find

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

Answer 2

Utilizzare questo codice nel tuo servizio:

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

Answer 3

trasformare la struttura di dati a una mappa se si usa frequentemente questa ricerca

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

dal dattiloscritto è possibile utilizzare il filtro nativo serie JS() metodo:

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

restituisce un array con gli elementi solo corrispondenti dalla matrice originale (0, 1 o più)

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

Answer 5

Si supponga che ho seguito array:

Skins [

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

];

Se vogliamo ottenere elemento con ID = 1 e Name = "la pelle grassa", cercheremo, come di seguito:

var = skinName skins.find (x => x.cd == "1 ").Nome;

Il risultato restituirà la skinName è "Pelle grassa".

Si prega di provare, grazie e miglior riguardo!