Is there a way in TypeScript to automatically assign object properties to a class in an efficient manner?

Question

Is there a way in TypeScript to automatically assign object properties to a class in an efficient manner?

Imagine a scenario where I have a unique class structured like this:

class Organization {

    title: string;
    website: string;
    location: string

    constructor() {
    }

}

Now, picture retrieving an object from a database that is known to contain some or all of the properties of my class, such as:

{title: "Tech Corp", website: "www.techcorp.com"}

Is there a method available for automatically building my class from this object?

Currently, one possible solution involves manually assigning values like so:

    const organization = new Organization();
    const obj = {title: "Tech Corp", website: "www.techcorp.com"}; // typically fetched from a database
    for (const key in obj) {
        if (key == "title") {
            organization.title = obj[key];
        }
        if (key == "website") {
            organization.website = obj[key];
        }

    }

However, this approach lacks elegance and can become cumbersome when dealing with numerous object properties.

Are there any automated techniques designed for this task?

typescript

Answer 1

Answer №1

Adapting my method:

const business = new Business();
const data = { name: "XYZ Corp", website: "www.xyzcorp.com" };

let approvedKeys: Array<keyof Business> = [
    'name','location','website'
];

for (const property in data) {
    if (approvedKeys.indexOf(property as keyof Business) !== -1) {
        business[property] = data[property];   
    }
}

The use of 'keyof Business' serves as a safety measure to ensure that only valid keys are added to the approvedKeys array.

I still believe there may be a more elegant solution, perhaps a better way to write the if-statement.

To resolve the compiler-error related to noImplicitAny, you can implement this approach (though I sense there might be room for improvement):

class Business implements KeySignature { 
    [key: string]: any;
    ...
 }

interface KeySignature {
    [key: string]: any;
}

const data = {
     name: "XYZ Corp", website: "www.xyzcorp.com"
} as KeySignature;

Answer 2

Adapting my method:

const business = new Business();
const data = { name: "XYZ Corp", website: "www.xyzcorp.com" };

let approvedKeys: Array<keyof Business> = [
    'name','location','website'
];

for (const property in data) {
    if (approvedKeys.indexOf(property as keyof Business) !== -1) {
        business[property] = data[property];   
    }
}

The use of 'keyof Business' serves as a safety measure to ensure that only valid keys are added to the approvedKeys array.

I still believe there may be a more elegant solution, perhaps a better way to write the if-statement.

To resolve the compiler-error related to noImplicitAny, you can implement this approach (though I sense there might be room for improvement):

class Business implements KeySignature { 
    [key: string]: any;
    ...
 }

interface KeySignature {
    [key: string]: any;
}

const data = {
     name: "XYZ Corp", website: "www.xyzcorp.com"
} as KeySignature;

Is there a way in TypeScript to automatically assign object properties to a class in an efficient manner?

Answer №1

Similar questions

Exploring alternative applications of defineModel in Vue 3.4 beyond just handling inputs

Angular HTTP Patch method requires explicitly defined HTTP options as input parameters

Exploring the process of selecting checkboxes in Angular 6

Passing headers using a universal method in HTTP CRUD process

The functionality of Angular's mat-autocomplete is hindered when it comes to utilizing options generated by a function

Can you explain the purpose of the "letter:" included in the code and how it is utilized?

What is the best way to outline the specifications for a component?

The 'isLoading' property is not found in the type 'UseMutationResult<AxiosResponse<any, any>, Error, void, unknown>'.ts(2339)

Having difficulties incorporating a separate library into an Angular project

Uncovering TypeScript's Type Inference Power Through the keyof Keyword

Module 'serviceAccountKey.json' could not be located

Tips for using the arrow keys to navigate the cursor/caret within an input field

A guide on how to initiate a click event in Angular 5 using JQuery

Inferring object types through direct values

The attribute 'subtle' is not found within the definition of 'webcrypto' type

Unable to link to 'amount' because it is not a recognized attribute of 'ng-wrapper'

The Angular application is not functioning properly after running npm start, even though all the necessary packages have

What are some examples of utilizing paths within the tsconfig.json file?

Divide a given number of elements within an array of arrays

Combining Multiple TypeScript Declaration Files into an NPM Package for Seamless Importing with index.d.ts