TypeScript パイプ演算子 vs 関数合成：それぞれのメリットとデメリット

2024-04-09

TypeScriptでは、パイプ演算子は|記号で表されます。パイプ演算子の左側には関数、右側にはその関数の引数を指定します。パイプ演算子の左側にある関数は、右側にある関数の引数を受け取り、その結果を次の関数の引数として渡します。

const add = (a: number, b: number) => a + b;
const multiply = (a: number, b: number) => a * b;

const result = pipe(add(1, 2), multiply(3, 4)); // 18

// 上記は以下と同じ意味
const result = add(1, 2) * multiply(3, 4);

上記例では、addとmultiplyという2つの関数をパイプ演算子を使って連結しています。add(1, 2)の結果である3はmultiply(3, 4)の引数として渡され、最終的に18という結果が得られます。

パイプ演算子を使うと、コードをより簡潔で読みやすくすることができます。また、処理の流れを明確に示すことができ、コードの理解度を向上させることができます。

以下は、パイプ演算子を使う利点の例です。

コードの簡潔化: 複数の関数を連続して呼び出す場合、パイプ演算子を使うとコードを簡潔に書くことができます。
可読性の向上: パイプ演算子を使うと、処理の流れを明確に示すことができ、コードの可読性を向上させることができます。
コードの再利用: パイプ演算子を使うと、複数の関数で共通処理を簡単に再利用することができます。

パイプ演算子の注意点

パイプ演算子を使う場合は、以下の点に注意する必要があります。

関数の引数の型: パイプ演算子で連結する関数の引数の型が一致する必要があります。
関数の戻り値の型: パイプ演算子の戻り値の型は、一番右側の関数の戻り値の型になります。
副作用: パイプ演算子で連結する関数は、副作用がないことが望ましいです。

パイプ演算子のライブラリ

TypeScriptには、パイプ演算子を実装するライブラリがいくつか存在します。これらのライブラリを使うと、より柔軟で便利なパイプ処理を行うことができます。

代表的なパイプ演算子ライブラリは以下の通りです。

パイプ演算子は、複数の関数を連結して処理をパイプラインのようにつなげる構文です。パイプ演算子を使うと、コードをより簡潔で読みやすく、理解しやすいものにすることができます。

パイプ演算子を使う場合は、関数の引数の型や戻り値の型、副作用などに注意する必要があります。

関数合成

const add = (a: number, b: number) => a + b;
const multiply = (a: number, b: number) => a * b;

const result = pipe(add(1, 2), multiply(3, 4)); // 18

// 上記は以下と同じ意味
const result = add(1, 2) * multiply(3, 4);

文字列処理

const str = "Hello, world!";

const upperCase = (str: string) => str.toUpperCase();
const replace = (str: string, searchValue: string, replaceValue: string) => str.replace(searchValue, replaceValue);

const result = pipe(str, upperCase, replace("!", "?")); // "HELLO, WORLD?"

オブジェクト操作

const obj = {
  name: "John Doe",
  age: 30,
};

const getName = (obj: { name: string }) => obj.name;
const getAge = (obj: { age: number }) => obj.age;

const result = pipe(obj, getName, getAge); // 30

// 上記は以下と同じ意味
const result = obj.name.age;

ライブラリの使用

import { pipe } from "fp-ts/function";

const add = (a: number, b: number) => a + b;
const multiply = (a: number, b: number) => a * b;

const result = pipe(add(1, 2), multiply(3, 4)); // 18

上記は、fp-tsライブラリを使ったパイプ演算子の例です。

さまざまなサンプルコードを参考に、パイプ演算子の使い方を理解し、実際のコードで活用してみてください。

パイプ演算子の代替方法

関数合成

パイプ演算子で最も一般的な代替方法は、関数合成です。関数合成は、複数の関数を1つの関数にまとめる手法です。

以下は、関数合成を使ったサンプルコードです。

const add = (a: number, b: number) => a + b;
const multiply = (a: number, b: number) => a * b;

const result = (x: number) => multiply(x, add(1, 2)); // 18

// 上記は以下と同じ意味
const result = multiply(x, add(1, 2));

上記の例では、addとmultiplyという2つの関数を関数合成を使って1つの関数にまとめています。

メソッドチェーン

オブジェクト指向プログラミングでは、メソッドチェーンを使ってパイプ処理を実現することができます。

const str = "Hello, world!";

const upperCase = () => this.toUpperCase();
const replace = (searchValue: string, replaceValue: string) => this.replace(searchValue, replaceValue);

const result = str.upperCase().replace("!", "?"); // "HELLO, WORLD?"

上記の例では、StringオブジェクトのtoUpperCaseとreplaceという2つのメソッドを使ってパイプ処理を実現しています。

ラムダ式を使ってパイプ処理を実現することもできます。

const add = (a: number, b: number) => a + b;
const multiply = (a: number, b: number) => a * b;

const result = (x: number) => (x => multiply(x, add(1, 2)))(x); // 18

// 上記は以下と同じ意味
const result = multiply(x, add(1, 2));