配列オブジェクト内にあるvalueを小数点n位で切り捨てたい

Question

配列オブジェクト内でプロパティが小数を持っているときに、各valueを任意の桁数にする関数を実装しています。
javascriptではサクっとかけたのですが、typescriptになったとたんハマってしまいました。
どのように型を付けていけばコンパイルエラーなくjavascript同様の出力をする関数が作れますか？
いろいろためしたのですが、「型 'string' のパラメーターを持つインデックス シグネチャが型 'xxx' に見つかりませんでした。」
のメッセージがたくさんでてきてしまいます・・。
ご教授いただけると幸いです。

javascript

const hoge = [
  {
    "name":"hoge",
    "number":39093.1341
  },
  {
    "name":"piyo",
    "number":10.13412252
  }
]

const convert = (hoge) => {
  let data = hoge;
  data.map((value, index)=>{
    let keys =  Object.keys(value)
    keys.map(value2=>{
      if(typeof value[value2] == typeof 1){data[index][value2] = data[index][value2].toFixed(2)}// 小数点以下2桁
    })
  })
  
  
  return data;
}

convert(hoge)

javascriptの出力結果

[
  { name: 'hoge', number: '39093.13' },
  { name: 'piyo', number: '10.13' }
]

Answer 1

tsconfig.json の設定で noImplicitAny: false の場合は、JavaScript のソースそのままで動くはずです。
noImplicitAny: true の場合は、型を指定するとかでしょうか。
またこのままだとtoFixedがプロパティ 'toFixed' は型 'string' に存在しません。ts(2339)エラーになるのでタイプガードが効くように変更します。

const convert = (hoge: { [key: string]: string | number }[]) => {
    let data = hoge;
    data.map((value, index) => {
        let keys = Object.keys(value);
        keys.map(value2 => {
            const item = value[value2];
            if (typeof item === "number") {
                value[value2] = item.toFixed(2);
            }
        });
    });

    return data;
};

型は別途定義してもいいです。

type HogeType = {
    [key: string]: string | number;
};

const convert = (hoge: HogeType []) => {
    //省略
};

Comments

[0331UTTI]

稼働確認できました。こんなシンプルな型指定でいけたのですね・・・。
valueに入りうる文字列をinterfaceで定義して、、、などやっていてかなりごちゃごちゃになっていたので目からうろこです。
もっと勉強いたします。ありがとうございました。