どのように私はクラスにtypescriptでincommingオブジェクトを作ることができますか？

Question

私はサーバーと通話する機能を持っています。これらのパラメータを取得することの1つを「ユーザー状態」と呼びます。このユーザー状態はオブジェクトです。私は、このオブジェクトからこれを取得：

userstate = { 
    'username' = '', 
    'display-name' = '' 
}; 

は、どのように私は、このクラスを作ることができますか？私は今この時があります。

extends class Userstate { 
    username: string; 
    displayName: string; 

    constructior() { 
     this.username = this['username']; 
     this.displayName = this['display-name']; 
    } 
} 

そして、私の関数の中で、私はこれを行う：

let get_user_stuff = (userstate: Userstate) => { 
    console.log(userstate.username); 
    console.log(userstate.displayName); 
}; 

そして、私のコンソールは、この意見：私はあなたが私を助けることができると思います

darky_chan 
undefined 

:) ありがとうございます

Answer 1

あなたはこのようなものをお探しですか？

class Userstate { 
    username: string; 
    displayName: string; 

    constructor(jsonObject: any) { // Notice the json object passed to constructor 
     this.username = jsonObject.username; 
     this.displayName = jsonObject['display-name']; 
    } 
} 

let convertToInstance = (jsonObj: any) => (new Userstate(jsonObj)); 

let instance = convertToInstance({ 
    'username': 'name', 
    'display-name': 'd-name' 
}); 

console.log(instance); 
console.log(instance.displayName); 

Answer 2

はtypescriptですspecsによると、あなたは、プロパティ名含む、無効な識別子を持つことができます。

const u = new Userstate(); 
u["display-name"] = 23;