Angular 2 TypeScript cara menemukan elemen di Array

Saya memiliki Komponen dan Layanan:

Komponen:

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

Layanan:

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

Saya ingin mendapatkan Item Orang dengan Id ('personID'). PersonID yang saya dapatkan dari Routeparam. Untuk itu saya membutuhkan foreach loop? Tetapi saya belum menemukan solusi untuk ini.

Anda perlu menggunakan metode Array.filter:

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

atau Array.find

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

Asumsikan saya memiliki array di bawah ini:

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

Jika kami ingin mendapatkan item dengan Id = 1dan Name = "oily skin", Kami akan mencoba seperti di bawah ini:

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

Hasilnya akan mengembalikan skinName tersebut menjadi "Kulit berminyak".

Silakan coba, Terima kasih dan salam terbaik!

Ubah struktur data menjadi peta jika Anda sering menggunakan pencarian ini

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

Pilihan rapi yang belum disebutkan adalah menggunakan kombinasi .finddengan fungsi panah dan penghancuran. Ambil contoh ini dari 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 }

dari TypeScript Anda bisa menggunakan metode native JS array filter ():

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

itu mengembalikan array dengan hanya elemen yang cocok dari array asli (0, 1 atau lebih)

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

Gunakan kode ini di layanan Anda:

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

Coba ini

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

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