オブジェクトのサブセットを得る
オブジェクトのサブセットを得る方法です。サブセットとは、あるオブジェクトのいち部分を切り取ったもので、ここで紹介する方法は、プロパティ名を指定してオブジェクトの一部分を切り出すものです。たとえば、次のような数多くのプロパティを持つオブジェクトがあるとき、ここから数個のプロパティだけを持つオブジェクトを作る方法です。
typescript
typescript
方法1: 即時関数・分割代入・shorthand property nameの合わせ技#
オブジェクトのサブセットを得る1つ目の方法は、即時関数と分割代入、そして、shorthand property nameを組み合わせる方法です。
typescript
typescript
この方法のメリットとデメリットは次のとおりです。
- メリット
- 外部ライブラリを必要としない。
- デメリット
- 初見の読み手には意外性のあるコードに見える場合がある。
- 即時関数の引数部分とshorthand property nameの2箇所に同じプロパティ名を書く必要があり冗長。
この書き方は、数個の少ないプロパティを抽出したいときは便利ですが、たくさんのプロパティを抽出しようとすると記述量が増え、徐々に大変さが出てきます。
抽出したいプロパティよりも、除きたいプロパティのほうが少ない場合は、次のような書き方で除きたいプロパティを指定するほうが簡単です。
typescript
typescript
JavaScriptでは、deleteを使うとオブジェクトからプロパティを取り除けるので、上の書き方はまどろっこしいと思われるかもしれません。この書き方をするには理由があって、TypeScriptではdeleteの使い勝手が良くないからです。たとえば、profileオブジェクトからnameプロパティをdeleteするコードを書いただけでは、「Property 'name' does not exist on type ...」といったコンパイルエラーが発生してしまうのです。
typescript
typescript
方法2: lodash.pick / lodash.omit#
2つ目の方法はlodashを用いるものです。lodashはさまざまな便利関数を提供するライブラリで、その中のひとつにpickというオブジェクトのサブセットを得るための関数があります。
typescript
typescript
lodash全体ではなく、pick関数だけが必要な場合は、パッケージlodash.pickを使うこともできます。この場合、次のようにしてpick関数を使います。
typescript
typescript
lodash.pickのメリットとデメリットは次のとおりです。
- メリット
- 宣言的で読みやすい。
- 記述量が少ない。
- デメリット
- ライブラリを導入する必要がある。
lodash.pickは抽出したいプロパティ名を指定する関数ですが、抽出したいプロパティより除外したいプロパティが少ない場合は、lodash.omitを使ったほうが便利です。
typescript
typescript
lodash、lodash.pickとlodash.omitのインストールは次のコマンドで行なえます。
bash
bash