TypeScript für… von mit Index / Schlüssel?

Wie hier beschrieben , führt TypeScript eine foreach-Schleife ein:

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

Aber gibt es keinen Index / Schlüssel? Ich würde so etwas erwarten wie:

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

.forEach hat bereits diese Fähigkeit:

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

Aber wenn Sie die Fähigkeiten von wollen for...of, dann können Sie mapdas Array zum Index und Wert:

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

Das ist etwas lang, daher kann es hilfreich sein, es in eine wiederverwendbare Funktion zu versetzen:

function toEntries<T>(a: T[]) {
    return a.map((value, index) => [index, value] as const);
}

for (const [index, value] of toEntries(someArray)) {
    // ..etc..
}

Iterable Version

Dies funktioniert beim Targeting von ES3 oder ES5, wenn Sie mit der --downlevelIterationCompileroption kompilieren .

function* toEntries<T>(values: T[] | IterableIterator<T>) {
    let index = 0;
    for (const value of values) {
        yield [index, value] as const;
        index++;
    }
}

Array.prototype.entries () - ES6 +

Wenn Sie in der Lage sind, auf ES6 + -Umgebungen abzuzielen, können Sie .entries()die in Arnavions Antwort beschriebene Methode verwenden .

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

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

In TS erfordert dies das Targeting von ES2015, da die Laufzeit Iteratoren unterstützt , was bei ES5-Laufzeiten nicht der Fall ist. Sie können natürlich so etwas wie Babel verwenden , damit die Ausgabe auf ES5-Laufzeiten funktioniert.

"Old School Javascript" zur Rettung (für diejenigen, die nicht vertraut sind / die funktionale Programmierung lieben)

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

Sie können den for..in TypeScript-Operator verwenden, um beim Umgang mit Sammlungen auf den Index zuzugreifen.

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

Ausgabe:

 0: 7
 1: 8
 2: 9

Siehe Demo

Oder eine andere Lösung der alten Schule:

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