JSON 객체를 유형 스크립트(Angular2)로 루프하는 방법

JSON 객체를 유형 스크립트(Angular2)로 루프하는 방법

이 질문에는 이미 다음과 같은 답이 있습니다.

중첩된 개체, 배열 또는 JSON에 액세스하고 처리하려면 어떻게 해야 합니까? (31개 답변)

마감됨6년 전에.

저는 Angular2가 처음이고 GET 요청에서 돌아오는 JSON 객체를 루프로 처리하려고 하지만 해결할 수 없습니다.

내 JSON 객체:

{
    Results: [{
        Time: "2017-02-11T08:15:01.000+00:00",
        Id: "data-mopdsjkajskda",
        AuthorId: "58fSDNJD"
    }, {
        Time: "2017-03-11T06:23:34.000+00:00",
        Id: "data-2371212hjb1",
        AuthorId: "43555HHHJ"
    }, {
        Time: "2017-04-11T07:05:11.000+00:00",
        Id: "data-kjskdha22112",
        AuthorId: "XDSJKJSDH"
    }]
}

Angular 스크립트의 일부:

interface res {
    Time: string;
    Id: string;
    AuthorId: string;
}
export class AppComponent {
    results: res;
    constructor(private _httpservice: HTTPService) {}
    this._httpservice.getQuery().subscribe(
        data => {
            this.results = data.Results
        },
        error => console.log(error),
        () => console.log('Done')
    );
}

저는 데이터를 돌려받습니다. 잘됐네요.그러나 ID를 배열로 밀어넣고 싶습니다.Javascript에서 저는 다음을 수행합니다.

var ids = [];

for (i = 0; i < data.Results.length; i++) {
    ids.push(data.Results[i].Id)
}

푸시 후 배열:

ids = ['data-mopdsjkajskda', 'data-2371212hjb1', 'data-kjskdha22112'];

Angular2로 동일한 결과를 얻을 수 있는 방법을 찾으려고 노력하고 있습니다.어떤 도움이라도 주시면 대단히 감사하겠습니다!

GET 요청의 json 개체가 위에 게시한 개체와 같다고 가정하면 다음을 수행할 수 있습니다.

let list: string[] = [];

json.Results.forEach(element => {
    list.push(element.Id);
});

아니면 제가 당신이 이런 식으로 하는 것을 방해하는 무언가를 놓치고 있는 것입니까?

ECMA스크립트 6은 이 문장을 도입했습니다.당신은 그것을 사용할 수 있습니다.for진술.

var ids:string = [];

for(let result of this.results){
   ids.push(result.Id);
}

언급URL : https://stackoverflow.com/questions/43726218/how-to-loop-through-a-json-object-with-typescript-angular2