TypeScriptのTips集

CRANK

この記事は TypeScript Advent Calendar 2020 の 17 日目です。今回は TypeScript のTipsをいくつかあげていきたいと思います！割と基本的なものが多いので、普段から TypeScript をがっつり書いている方に取ってはすでに知っているものが多いかもしれません。ただ、意識しないとあまり使わなかったり、TypeScript の経験がない方に取っては新鮮なものもあるのでは？と思ったので書いてみました。keyofオブジェクトのキーを union 型にtype Post = { id: number; title: string; content: string; }; type PostKey = keyof Post; 使うときはこんな感じでしょうかconst sortBy = <T extends object, K extends keyof T>( objects: T[], key: K ): T[] => { return objects.sort((a, b) => a[`${key}`] - b[`${key}`]); }; const posts = [ { id: 1, title: 'test1' }, { id: 3, title: 'test3' }, { id: 2, title: 'test2' }, ]; console.log(sortBy(posts, 'id')); console.log(sortBy(posts, 'name')); lookup例えば API の返り値が次の型のようなとき(GitHub API を参考にしています)以下のように type のプロパティの型を取り出すことができるtype Resp…