TypeScript で反復処理をやるにはどうすればいいでしょうか?

例えば、次の配列があったとします。

let somethings = [5, 2, 3, 8, 1, "a"]

somethingsにカーソルを当ててみると、

image2

somethingsの型は(string | number)[]ですよ、と型推論してくれています。

型推論をコピーします。

let somethings: (string | number)[] = [5, 2, 3, 8, 1, "a"]

うまくいきました。

for-in をやってみます。

for (let something in somethings) {
  console.log(something)
}

確認すると、

image3

問題なく 6 回ループされています。

次は、for-of でやってみます。

for (let something of somethings) {
  console.log(something)
}

image4

順番通り、配列が表示されました。

ブログ一覧