Loop through an enum to set values to an array

Question

I want to loop through an enum to get all the values. If I have

export enum Colours{
    green,
    red,
    blue,
    brown,
    purple,
    black,
    orange,
    pink,
    yellow
}

and what I want to do is

array.foreach(item => {
item.colour = Colours.value
});

So first one of the array would be green. So on so forth. Unless there is a better way of doing this?

do you mean u need to pick the colour corresponding to item's index? array.foreach((item, i) => { item.colour = Colours[i] }); — Gorynych
– Gorynych, Commented Oct 27, 2021 at 19:05
Does this answer your question? How can I loop through enum values for display in radio buttons? — S.Nakib
– S.Nakib, Commented Oct 27, 2021 at 19:15
@Gorynych Yes I think so, so if its the 8th item in the array, I want the 8th colour in the list — Leviathan
– Leviathan, Commented Oct 27, 2021 at 19:16

jsonderulo · Accepted Answer · 2021-10-27 19:06:54Z

2

You can use a for loop to get the index of your array and set the property of the object at that index to the enum with the same index

enum Colours{
        green,
        red,
        blue,
        brown,
        purple,
        black,
        orange,
        pink,
        yellow
    }
    
    
    const someArray = [{name: "someThing", color: "someDefaultValue"}]
    
    
    for (let i =0; i < someArray.length; i++) {
        someArray[i].color = Colours[i]
    }

heres a playground example

https://www.typescriptlang.org/play?#code/KYOwrgtgBAwg9gGzmATgZwN4Cgq6gcxWFABoc8iATMvKAIwTGBrzpTgHcQXcAHVXgmblcDAIYBjANY8ocFGJD5htXgEsQMkVACewBEg5YAvljMS4INABcoaOBGABBFAp1QAvFADaGEGMcALigAIntHABUACw18EJIoCyQUYLCHYAARYAAzMTAEawA1MUZgEOMAXTMsbPkoAAohWzVPAAYAbigWgB47dJc3ADohJWsozrUAakmASihsWnDnVzEdbzUKwaS6r3gkVDR1qtMsCytEYGG4fHqlgdWZoA

answered Oct 27, 2021 at 19:06

jsonderulo

1,5022 gold badges16 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Acuao · Accepted Answer · 2021-10-27 21:54:32Z

1

i'm just improving the @lockednlevered's answer.

If theres more entries in the array than colors, this code restarts from the 1st color and so on.

enum Colours{
    green,
    red,
    blue
}

const enumSize = Object.keys(Colours).length / 2;

const someArray = [{name: "someThing", color: "someDefaultValue"}, {name: "someThing", color: "someDefaultValue"}, {name: "someThing", color: "someDefaultValue"}, {name: "someThing", color: "someDefaultValue"}, {name: "someThing", color: "someDefaultValue"}, {name: "someThing", color: "someDefaultValue"}]


for (let i =0; i < someArray.length; i++) {
    someArray[i].color = Colours[i%enumSize]
}

console.log(someArray)

You may asking how i found the way to get the emun lenght ? On this question

edited Oct 27, 2021 at 21:54

answered Oct 27, 2021 at 19:19

Acuao

6914 silver badges15 bronze badges

Collectives™ on Stack Overflow

Loop through an enum to set values to an array

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related