Json操作TypeScript Angular 2

Question

我來自Python背景，最近開始使用TypeScript和Angular2進行編程。 我想知道如何使用TypeScript從JSON對象獲取密鑰。 我有這樣的回應：

response.text()

我將此對象傳遞給一個函數

removeMetaData (my_data: string){
    //(Various manipulation)...etc
}

我已經讀過我可以調用json()方法而不是text() 。 如果這樣做，應為my_data使用什么類型？

然后，如果我的JSON如下所示：

{
    "count": 100,
    "next_page": "http://www.test.com/users/?page=2", 
    "prev_page": "http://www.test.com/users/?page=3", 
     "results":[
     {
          "username": "johnny"
     },
     Etc....

     ]

我該如何解析？ 我讀過我可能不得不使用一個接口，但是我不知道如何。

在python中，它只是response["next_page"]以獲取字典的鍵，然后可以將該值分配給類中的變量。 這正是我要在組件中實現的目標。

謝謝。

加成

list() {
    this.requestService.get(this.api_path)
    .subscribe(
    response => this.populate(response.json()),
    error => this.response = error.text()
    )

}

populate(payload: object) {
    this.count = payload.count;
    this.next = payload.next;
    this.previous = payload.previous;
   *payload.results => this.users = payload.results;******
}

Answer 1

聲明一個將用作值對象的接口。

export interface IPage
{
 count:number;
next_page:string;
prev_page:string;
results:Array<any>;
...
...
}

var my_data:IPage;

現在將已解析的json值分配給my_data並使用'。'訪問所有屬性。 運算符，即my_data.count, my_data.results 。

隨時提出任何問題。

Answer 2

如果這樣做，應該為my_data使用哪種類型？

它只是一個javascript對象。

例如，如果您的json看起來像：

{
  "foo": {
   "bar": "bas"
  }
}

然后，在所解析的JSON（在可變someObj ）的值someObj.foo.bar將是bas 🌹