Why I can not loop through object in react-typescript

Question

I can not loop throught object in react with typescript. I am using redux toolkit and I want to get chosenFilters arrays.

const chosenFilters = useSelector((state: RootState) => state.recipe.filters);
  for (const chosenFilterArray of chosenFilters) {
    console.log(chosenFilterArray);
  }


error: 

Type 'filters' is not an array type or a string type.


interface: 

export interface filters {
  filterTypes: string[];
  filterLengths: string[];
}

Because filters isn't an array. It's an object with two properties which are arrays. Are you trying to loop over one or both of those properties? Loop over the properties of the object? Something else? — David
– David, Commented Mar 25, 2022 at 17:17

Alex Wayne · Accepted Answer · 2022-03-25 17:19:38Z

1

You can't iterate over an object with a for/of. But you can use Object.valus(someObj) to get the values from that object as an array and iterate over that.

for (const chosenFilterArray of Object.values(chosenFilters)) {
  console.log(chosenFilterArray);
}

answered Mar 25, 2022 at 17:19

Alex Wayne

188k52 gold badges328 silver badges363 bronze badges

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

Collectives™ on Stack Overflow

Why I can not loop through object in react-typescript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related