Angular 2 TypeScript cách tìm phần tử trong Array

Tôi có Thành phần và Dịch vụ:

Thành phần:

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

Dịch vụ:

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

Tôi muốn nhận Mục Người với Id ('personID'). Cá nhân tôi nhận được từ Routpayam. Cho rằng tôi cần vòng lặp foreach? Nhưng tôi đã tìm thấy một giải pháp cho việc này.

Bạn cần sử dụng phương pháp Array.filter:

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

hoặc là Array.find

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

Giả sử tôi có mảng dưới đây:

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

Nếu chúng tôi muốn nhận vật phẩm bằng Id = 1và Name = "oily skin", Chúng tôi sẽ thử như sau:

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

Kết quả sẽ trả về skinName là "Da nhờn".

Hãy thử, Cảm ơn và trân trọng!

Chuyển đổi cấu trúc dữ liệu thành bản đồ nếu bạn thường xuyên sử dụng tìm kiếm này

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

Một tùy chọn gọn gàng chưa được đề cập là sử dụng kết hợp .findvới các chức năng mũi tên và phá hủy. Lấy ví dụ này từ 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 }

từ TypeScript, bạn có thể sử dụng phương thức bộ lọc mảng JS ():

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

nó trả về một mảng chỉ có các phần tử phù hợp từ mảng ban đầu (0, 1 trở lên)

Tham khảo: https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Sử dụng mã này trong dịch vụ của bạn:

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

Thử cái này

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

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