Typescript type inference inside for loop

Question

This looks like a problem with the typescript compiler, but not sure, maybe I do not understand typescript type inference. Can anybody explain this problem:

I have this simple code to do something on a list of "TypeAs".. the variable "item" is getting type "Any" when it is very clear that the list is of type "TypeA[]". So, to have type safety and intellisense I have to cast the type.

    var list: TypeA[] = this.getListOfTypeAs();
    for (var item in list) {
        var typedItem = (<TypeA> item); //clearly a problem with typescript

Why?

score 10 · Answer 1 · edited May 23 '17 at 11:51

As pointed out by Zev and stated in the documentation:

The for..in statement iterates over the enumerable properties of an object, in arbitrary order.

In TypeScript 1.5+ you can use for...of to iterate over the elements in an array:

var list: TypeA[] = this.getListOfTypeAs();
for (let item of list) {
    // item is an element of list in here
}

While in previous versions you can use a standard for loop:

var list: TypeA[] = this.getListOfTypeAs();
for (var i = 0; i < list.length; i++) {
    var typedItem = item[i];
}

score 6 · Answer 2 · edited May 23 '17 at 11:43

6

Because Javascript's for...in iterates over the property names of an object/array, not the values of the properties.

edited May 23 '17 at 11:43

Community

1
1

answered Jun 06 '15 at 19:55

Zev Spitz

13,950
6
64
136

Thanks. I see. So, if I understood, still using "in", my code can be fixed using: for (var i in list) { var typedItem = list[i]; – pabloelustondo Jun 06 '15 at 23:22
2

@pabloelustondo it's not recommended. [Read this](http://stackoverflow.com/a/500878/188246). – David Sherret Jun 06 '15 at 23:28

Typescript type inference inside for loop

2 Answers2