文字列をオブジェクトに変換する

Question

私はangular2アプリケーションを作成していますが、今は文字列をオブジェクトに解析しようとしています。基本的に何が起きているのですか？私は文字列を返していますが、IDateというユニークなオブジェクトに変換したいのです。 "2017-02-27T00：00：00"という形式の文字列を取得しますが、IDate（）として使用します。だから、これまでに何をしているのかは、IDateクラスを作成し、それを文字列にして日付に変換します。レスポンスをオブジェクトにマッピングするためのMockクラスを作成しました。しかし、私はオブジェクトを印刷するとき、私は値が文字列のままになって参照してください。誰でも私が話していることを達成する方法を知っていますか？私は基本的にコントローラからの応答をマップするときに文字列をオブジェクトにマップしようとしています。私は、resposne.map(r.time => new Date(r.time));のような操作でこれを行うことができましたが、私は別の場所でこのコントローラーを呼び出すため、私は別のページでプロセスを繰り返す必要はありません。これはできますか？

コントローラ

 return Json(new { Number = 1, Time= "2017-02-27T00:00:00" }); 

クライアント

class IDate { 
    value: Date; 
    contructor(value) { 
     this.value = new Date(value); 
    } 
} 
class Mock { 
    number: number; 
    time: IDate; 
} 
mock: Mock = null; 

this.service.get() 
      .subscribe(
      response => { 
       console.log("Test response"); 
       this.mock = response; 
       console.log(this.mock); 
      }, 

コンソール

Object 
    number:1 
    time:"2017-02-27T00:00:00" 
    __proto__:Object 

Answer 1

私はあなたのREST APIからJSON文字列を取得していると仮定しています。これがあなたの場合に当てはまる場合は、reviverを使用することができます。ここでreviverを使用するための単純なアプローチです：https://jsfiddle.net/sayan751/Lzb8u638/：

JSON.parse(jsonString, function (key, value) { 
    if (key === "time") 
     return new Date(value); 
    return value; 
}) 

ここで実行しているフィドルへのリンクです。 OPのcomment

は、特定のクラスのインスタンスへの一般的なオブジェクトの変換に基づいて更新

---

非常に単純ではありません。​​はresponseをMockクラスのインスタンスに変換しないことに注意してください（新しいフィドルリンクを参照）。

Object.assignを使用できますが、タイプ変換では機能しない可能性があります。

JavaScriptコードで受け取ったjsonオブジェクト{Number:number, Time:string}のスキーマが、Mock：{number:number, time:{value:Date}}のスキーマと一致しません。

この場合、Mockのカスタムコンバータを作成するのが最善の方法です（私の考えによれば）。 1つの単純なアプローチは以下のようになります。詳細なコードについては、新しいフィドルリンクを参照してください。このことができますhttps://jsfiddle.net/sayan751/mxoqqc5a/

希望を：いじるする

class Mock { 
    number: number; 
    time: IDate; 

    public static create(obj):Mock{ 
     let retVal = new Mock(); 
     retVal.number=obj.number; 

     if(typeof obj.time === "string") 
     retVal.time = new Date(obj.time); //better to use moment in this case, if possible 
     else if(obj.time instanceof Date) 
     retVal.time = obj.time; 

     return retVal; 
    } 
} 

var jsonObj = { number: 1, time: "2017-02-27T00:00:00" }; 

var obj = Mock.create(jsonObj); 

リンク。