TypeScript dla ... z indeksem/kluczem?

Question

Jak opisano here maszynopis wprowadza pętlę foreach:

var someArray = [9, 2, 5]; 
for (var item of someArray) { 
    console.log(item); // 9,2,5 
} 

Ale nie jest jakiś indeks/klucz? Spodziewam się coś takiego:

for (var item, key of someArray) { ... } 

Answer 1

.forEach ma już tę zdolność:

var someArray = [9, 2, 5]; 
someArray.forEach((item, index) => { 
    console.log(item); // 9, 2, 5 
    console.log(index); // 0, 1, 2 
}); 

Ale jeśli chcesz zdolności for...of, można map tablicę do żądanej pozycji i index:

for (const {item, index} of someArray.map((item, index) => ({ item, index }))) { 
    console.log(item); // 9, 2, 5 
    console.log(index); // 0, 1, 2 
} 

To trochę za długo, więc pomaga rzucić je w funkcję wielokrotnego użytku:

function toItemIndexes<T>(a: T[]) { 
    return a.map((item, index) => ({ item, index })); 
} 

for (const {item, index} of toItemIndexes(someArray)) { 
    // ..etc.. 
} 

iterowalny Wersja

Taka opcja kierowania ES3 lub ES5 jeśli skompilować z opcją --downlevelIteration kompilatora.

function* toItemIndexes<T>(items: T[] | IterableIterator<T>) { 
    let index = 0; 
    for (const item of items) { 
     yield { item, index }; 
     index++; 
    } 
} 

Answer 2

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/entries

for (var [key, item] of someArray.entries()) { ... } 

W TS to wymaga kierowania ES2015 since it requires the runtime to support iterators, który czasy pracy ES5 nie. Możesz oczywiście użyć czegoś takiego, jak Babel, aby wyjście działało w środowisku wykonawczym ES5.

Answer 3

„Old school javascript” na ratunek (dla tych, którzy nie są zaznajomieni/zakochana programowania funkcjonalnego)

for (let i = 0; i < someArray.length ; i++) { 
    let item = someArray[i]; 
} 

Answer 4

Można użyć for..in operatora maszynopis dostęp do indeksu kiedy zajmujesz się kolekcjami.

var test = [7,8,9]; 
for (var i in test) { 
    console.log(i + ': ' + test[i]); 
} 

wyjściowa:

0: 7 
1: 8 
2: 9 

Zobacz Demo