TypeScript per ... di con indice/chiave?

Question

Come descritto here dattiloscritto introduce un ciclo foreach:

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

Ma non c'è alcun/chiave di indice? Mi sarei aspettato qualcosa di simile:

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

Answer 1

.forEach ha già questa capacità:

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

Ma se si vuole le capacità di for...of, allora si può map la matrice alla voce e index:

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

Questo è un po 'lungo, quindi aiuta a lanciarlo in una funzione riutilizzabile:

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

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

Iterable Versione

Questo funziona quando si mira ES3 o ES5 se si compila con l'opzione --downlevelIteration compilatore.

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()) { ... } 

In TS questo richiede mira ES2015 since it requires the runtime to support iterators, che i tempi di esecuzione ES5 non lo fanno. Ovviamente puoi usare qualcosa come Babel per far funzionare l'output su runtime ES5.

Answer 3

"scuola javascript vecchio" al salvataggio (per coloro che non hanno familiarità/innamorato della programmazione funzionale)

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

Answer 4

È possibile utilizzare il for..in operatore dattiloscritto per accedere all'indice quando si tratta di collezioni.

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

uscita:

0: 7 
1: 8 
2: 9 

Vedi Demo