Convert an array of strings to my custom array type in Angular

Question

Convert an array of strings to my custom array type in Angular

I have a list of different statuses

Here is an example of it:

 export enum InvoiceStatus {
    Created = 1,
    Pending = 2,
    Approved = 3,
    Rejected = 4,
    Paid = 5,
    Deleted = 6,
    PreparingPayment = 7
}

My goal is to convert it into an array of type SelectItem

    export interface SelectItem {
    label?: string;
    value: any;
    styleClass?: string;
    icon?: string;
    title?: string;
    disabled?: boolean;
}

I want to assign the name of the status as the label and its corresponding value

Any suggestions on how I can achieve this?

javascript angular typescript

Answer 1

Answer №1

function CheckIfStringIsNumber(input) {
    return !isNaN(Number(input)) === true;
}

// Convert enum to array
function EnumToArray(enumValue) {
    return Object.keys(enumValue)
        .filter(CheckIfStringIsNumber)
        .map(property =>  ({'name': enumValue[property], 'id': property}));
}
let status:any=InvoiceStatus;

let options:SelectItem[]

options=EnumToArray(status)

Answer 2

function CheckIfStringIsNumber(input) {
    return !isNaN(Number(input)) === true;
}

// Convert enum to array
function EnumToArray(enumValue) {
    return Object.keys(enumValue)
        .filter(CheckIfStringIsNumber)
        .map(property =>  ({'name': enumValue[property], 'id': property}));
}
let status:any=InvoiceStatus;

let options:SelectItem[]

options=EnumToArray(status)

Answer 3

Answer №2

Give this a try

 let objectList: SelectItem[] =[];
      
for (const [key, value] of Object.entries(InvoiceStatus)) {  
      if (!Number.isNaN(Number(key))) {  
        continue;  
    }  
    objectList.push({ value: value, label: key });  
}  
  
console.log(objectList);

Answer 4

Give this a try

 let objectList: SelectItem[] =[];
      
for (const [key, value] of Object.entries(InvoiceStatus)) {  
      if (!Number.isNaN(Number(key))) {  
        continue;  
    }  
    objectList.push({ value: value, label: key });  
}  
  
console.log(objectList);

Convert an array of strings to my custom array type in Angular

Answer №1

Answer №2

Similar questions

Does an event fire after the onclick event completes?

All file upload requests consistently result in a status code of 400

Transitioning from version 3 to version 4 has resulted in an issue where tooltips are not displaying properly

Sending information from an AngularJS selected item to an edit form

Make a div with absolute positioning overflow outside of a div with relative positioning that is scrollable

Executing a C# method from within a .js file using a Javascript function in a .cs file

{Multi Drag-and-drop} Enhancing the User Experience: Implementing Individual Comboboxes for Each File Prior to Up

Convert Binary Data to PDF Using Javascript Through Streaming

What are some solutions for addressing the viewport width problem that comes up when incorporating Google+ comments on a responsive website

Error: You forgot to include a name after the dot operator

TS2786 TypeScript is failing to recognize the UI-Kitten components

The custom attribute in jQuery does not seem to be functioning properly when used with the

When attempting to use dynamic imports with `react-icons`, NextJS will import all necessary components and dependencies

Tips for effectively utilizing foreach loops in JQuery

Change the value of a single element in an array using a component in ReactJS

Start the Vue component only after ensuring that the element has been fully loaded

Adjust the color of the entire modal

Using Meteor package to efficiently import JSON arrays into mongoDB

Guide: Looping through a typed Viewbag array - best practices

What is the best method for extracting attribute values from multiple child elements using puppeteer?