Angular 2 TypeScript come trovare l'elemento in Array

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'elemento persona con l'ID ('personID'). Il personID che ottengo da Routeparam. Per questo ho bisogno del ciclo foreach? Ma non ho trovato una soluzione per questo.

Devi usare 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);

Supponiamo di avere sotto l'array:

Skins[
    {Id: 1, Name: "oily skin"}, 
    {Id: 2, Name: "dry skin"}
];

Se vogliamo ottenere un oggetto con Id = 1e Name = "oily skin", proveremo come di seguito:

var skinName = skins.find(x=>x.Id == "1").Name;

Il risultato restituirà skinName "Pelle grassa".

Per favore, prova, grazie e cordiali saluti!

Trasforma la struttura dei dati in una mappa se utilizzi spesso 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);
}

Un'ottima opzione non ancora menzionata è quella di utilizzare la combinazione .findcon le funzioni delle frecce e la destrutturazione. Prendi questo esempio da MDN .

const inventory = [
  {name: 'apples', quantity: 2},
  {name: 'bananas', quantity: 0},
  {name: 'cherries', quantity: 5}
];

const result = inventory.find( ({ name }) => name === 'cherries' );

console.log(result) // { name: 'cherries', quantity: 5 }

da TypeScript è possibile utilizzare il metodo array filter () nativo JS:

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

restituisce un array con solo elementi corrispondenti dell'array originale (0, 1 o più)

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

Usa questo codice nel tuo servizio:

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

Prova questo

          let val = this.SurveysList.filter(xi => {
        if (xi.id == parseInt(this.apiId ? '0' : this.apiId))
          return xi.Description;
      })

      console.log('Description : ', val );