Wie konvertiere ich ein JSON-Objekt in eine TypeScript-Klasse?

Question

Ich lese ein JSON-Objekt von einem entfernten REST-Server. Dieses JSON-Objekt hat alle Eigenschaften einer TypeScript-Klasse (nach Design). Wie kann ich dieses empfangene JSON-Objekt in eine Typvariable umwandeln?

Ich möchte keine TypeScript-Variable auffüllen (d. h. einen Konstruktor haben, der dieses JSON-Objekt übernimmt). Es ist groß und das Kopieren jedes einzelnen Unterobjekts und jeder Eigenschaft würde viel Zeit in Anspruch nehmen.

Update: Sie können es jedoch in eine TypeScript-Schnittstelle umwandeln!

Answer 1

Verwenden Sie die 'as'-Deklaration:

const data = JSON.parse(response.data) as MyClass;

Answer 2

Sie können eine Schnittstelle Ihres Typs (SomeType) erstellen und das Objekt darin umwandeln.

const typedObject: SomeType =  responseObject;

Answer 3

FÜR JAVA-LIEBHABER

Erstelle eine POJO-Klasse

export default class TransactionDTO{
    constructor() {
    }
}

Erstelle ein leeres Objekt nach Klasse

let dto = new TransactionDto()   // ts object
let json = {name:"Kamal",age:40} // js object

let transaction: TransactionDto = Object.assign(dto,JSON.parse(JSON.stringify(json)));//conversion

Answer 4

https://jvilk.com/MakeTypes/

Sie können diese Seite verwenden, um einen Proxy für Sie zu generieren. Es generiert eine Klasse und kann Ihr Eingabe-JSON-Objekt analysieren und überprüfen.

Answer 5

Übergeben Sie das Objekt so, wie es ist, an den Klassenkonstruktor; keine Konventionen oder Überprüfungen

interface iPerson {
   name: string;
   age: number;
}

class Person {
   constructor(private person: iPerson) { }

   toString(): string {
      return this.person.name + ' ist ' + this.person.age;
   }  
}

// führt dies aus // 
const object1 = { name: 'Watson1', age: 64 };
const object2 = { name: 'Watson2' };            // Alter fehlt

const person1 = new Person(object1);
const person2 = new Person(object2 as iPerson); // passt jetzt zum Konstruktor

console.log(person1.toString())  // Watson1 ist 64
console.log(person2.toString())  // Watson2 ist undefined