typescript 連想配列呼び出しが エラーになる

Question

以下のコードですが、

  const functions = {
    "0": function1,
    "1": function2,
    "2": function3
  };

 [0, 1, 2].map((index: number) => {
functions[`${index}`]()
}
)

型 'string' の式を使用して型 '{ "0": (value: any, values: any) => Element | undefined; "1": (value: any, values: any) => Element | undefined; "2": (value: any, values: any) => Element | undefined; }' にインデックスを付けることはできないため、要素は暗黙的に 'any' 型になります。

型 'string' のパラメーターを持つインデックス シグネチャが型 '{ "0": (value: any, values: any) => Element | undefined; "1": (value: any, values: any) => Element | undefined; "2": (value: any, values: any) => Element | undefined; }' に見つかりませんでした。

というようなエラーが出てしまいます。
エラーの解決方法をご存知の方はいらっしゃいますでしょうか…？

Answer 1

まず、mapメソッドの使い方を間違っています。
mapは、配列から、中の要素を使って、別の新たな配列を返すメソッドのため、
特に代入する配列がない場合、わざわざmapを使う必要がありません。
今回のものは、forEachで十分かと。

さて、エラーの原因ですが、
functionsの添字の型と、値の型（関数を型として明示するわけです）を明示していないのが原因と思われます。
なので、宣言時に型を明示すればいけるかと。

const functions: {[key: string]: () => void} = {
  "0": function1,
  "1": function2,
  "2": function3
};

[0, 1, 2].forEach((index: number) => {
  functions[`${index}`]();
});

上記でいけない時は、
プロパティの存在保証がされていないためだと思われるので、
呼び出しを下記のようにしましょう。

[0, 1, 2].forEach((index: number) => {
  if (typeof functions[`${index}`] === 'function') {
    functions[`${index}`]();
  }
});

要は、TypeScriptは、静的型付けのため、プロパティの存在保証などは、
自身で明記する必要があるということです。