Creating an array of custom objects in Typescript involves declaring a class that represents the custom

Question

Creating an array of custom objects in Typescript involves declaring a class that represents the custom

module NamespaceX{
    interface Serializable<T> {
        deserialize(input: Object): T;
    }

    export class CustomClass implements Serializable<CustomClass>{
        private property1: number;
        private property2:string;
        constructor(val1?:number, val2?:string){
            this.property1 = val1;
            this.property2 = val2;
        }

        deserialize(jsonData){
            if (!(Array.isArray(jsonData))) {
                this.Index = jsonData.index;
                this.HeaderName = jsonData.headerName;
                this.SortName = jsonData.sortName;
                this.AllowSorting = jsonData.allowSorting;
                return this;
            }
            else {
                //Code this section to create a list
            }
        }
    }
}

var jsonDataArray = [{ property1: 1, property2: "Test1"}, { property1: 2, property2: "Test2" }];

var collection:Array<NamespaceX.CustomClass> = new NamespaceX.CustomClass().deserialize(jsonDataArray);

I encountered the following error during compilation while using 'collection':

Type 'CustomClass' is not assignable to type 'CustomClass[]'. Property 'length' is missing in type 'CustomClass'.

How can I convert the JSON array of objects (jsonDataArray) into a list?

javascript typescript visual-studio-2015

Answer 1

Answer №1

Constructors are meant for initializing objects in a class, so there's no need for a separate function to do that.

A better approach would be to iterate through the jsonDatas array and instantiate a new class instance for each item.

You can achieve this easily using a map function.

module NameSpacens{

    export class Class1 {

        constructor(private prop1?:number, private prop2?:string){

        }


    }
}

var jsonDatas = [{ prop1: 1, prop2: "Test1"}, { prop1: 2, prop2: "Test2" }];

var coll:Array<NameSpacens.Class1> = jsonDatas.map((data) => new NameSpacens.Class1(data.prop1, data.prop2));

Answer 2

Constructors are meant for initializing objects in a class, so there's no need for a separate function to do that.

A better approach would be to iterate through the jsonDatas array and instantiate a new class instance for each item.

You can achieve this easily using a map function.

module NameSpacens{

    export class Class1 {

        constructor(private prop1?:number, private prop2?:string){

        }


    }
}

var jsonDatas = [{ prop1: 1, prop2: "Test1"}, { prop1: 2, prop2: "Test2" }];

var coll:Array<NameSpacens.Class1> = jsonDatas.map((data) => new NameSpacens.Class1(data.prop1, data.prop2));

Creating an array of custom objects in Typescript involves declaring a class that represents the custom

Answer №1

Similar questions

"Error: The method setValue is not found in the AbstractControl type" when trying to clear form in Angular 2

"Troubleshooting: Why is the 'RectAreaLightHelper' not moving correctly in React-three-fiber

Tips for utilizing the <base> element in HTML5 for selective anchor tags

Accessing a component's function from an HTML view in a Vue application

Is there a way to incorporate logic into my Angular routes?

I seem to be having trouble locating the correct file location

Tips for ensuring the security of your code in node.js

Combining Vue and Laravel: Efficiently retrieve API data stored as an array within a tuple

Failure to retrieve fax API data using Twilio's Node.js HTTP requests

What is the best way to implement the 'setInterval' function in this code to effortlessly fetch forms or data on my webpage without any need for manual refresh?

Exploring Next.js Font Styling and Utilizing CSS Variables

Troublesome code with Ajax, Jquery, and PHP is causing issues

Unable to retrieve the image

I need assistance with using the angular-oauth2-oidc library to retrieve data from an asynchronous storage provider and then pass it to a synchronous storage implementation

Protractor is able to achieve successful test results without actually executing the tests

Performing synchronous POST requests to manipulate data in a SQL database using AJAX

Initial React render fails to retrieve API data

Ways to determine if the property of a document has been altered?

Search through the JSON data, identify similar values, and save them in a collection

In React, I am currently working on implementing a feature that will allow the scene camera to move as the user scrolls