オブジェクトを角度2でプログラムで作成する

Question

オブジェクトを作成し、typescriptでデータを動的に追加したいと考えています。例のため

：

let data={ 
    "date":"27-5-2017", 
    "name":"John" 
}; 

これは私の最初のオブジェクトです。今度は、件名のようなデータを追加したいと思います。

"Subject1":"20" 
"Subject2":"30" 

この対象は学生によって異なります。このSubjectをデータオブジェクトに追加するにはどうすればよいですか。

Answer 1

としてそれを定義します。あなたは初期化され、すでにJSONオブジェクトがある場合

let data:any; 

： を初期化し、最初に追加したくない場合は、あなたが直接

data['dynamic_key'] = value; 

を使用することができます

data = {'dynamic_key' : value }; 

Answer 2

data.key = valueで直接行うことができます。

Answer 3

このように直接割り当てることができます。

data.Subject1 = "20" 
data.Subject2 = "30" 

Answer 4

私はこれのためのクラスを作成します。これの利点は、data['subject1'] = 'math';またはdata.subject1 = mathなどのメソッドでプロパティを動的/手動で追加する場合と比べて、プロパティ名が一定であることを保証することです。

class Student{ 

    public name: string; 
    public dateOfEntry: string; 
    public subjects: Array<Subject>; 

    constructor(name: string, dateOfEntry: string){ 
    this.name = name; 
    this.dateOfEntry = dateOfEntry; 

    this.subjects = new Array<Subject>(); 
    } 

    public addSubject(subject: Subject){ 
    // if we have not already added this subject to the list 
    if(!this.subjects.find(val => val == subject)) 
     this.subjects.push(subject); 
    } 

} 


class Subject{ 
    public name: string; 

    constructor(name: string){ 
     this.name = name; 
    } 
} 

その後、新しい学生をcraeteしたいとき...

let bob: Student = new Student("bob", new Date().toString()); 
bob.addSubject(new Subject("Math")); // adds to list 
bob.addSubject(new Subject("English")); // adds to list 
bob.addSubject(new Subject("Math")); // WILL NOT ADD - already exists