これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

実験段階のパイプライン演算子 |> (現在はステージ 1 です) は、読みやすい方法で一連の関数呼び出しをできます。基本的に、パイプライン演算子は 1 つの引数を受け取る関数呼び出しのシンタックスシュガーを提供します。たとえば、次のように、

decodeURI('%21') の代わりに '%21' |> decodeURI と記述できます。

構文

expression |> function

関数呼び出しチェーン

パイプライン演算子は、複数関数の呼び出しを読みやすくしてくれます。

const double = (n) => n * 2;
const increment = (n) => n + 1;

// パイプライン演算子なし
double(increment(double(10))); // 42

// パイプライン演算子あり
10 |> double |> increment |> double; // 42

仕様

仕様 ステータス コメント
パイプライン演算子草案 ステージ 1 まだ ECMAScript 仕様ではありません。

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイルサーバー
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung InternetNode.js
Pipeline operator (|>)
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なしnodejs 未対応 なし

凡例

未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。

関連項目

ドキュメントのタグと貢献者

このページの貢献者: mdnwebdocs-bot, YuichiNukiyama
最終更新者: mdnwebdocs-bot,