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

実験段階のパイプライン演算子 |> (現在はステージ 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
基本対応
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 58
無効
完全対応 58
無効
無効 From version 58: this feature is behind the --enable-pipeline-operator compile flag.
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 完全対応 58
無効
完全対応 58
無効
無効 From version 58: this feature is behind the --enable-pipeline-operator compile flag.
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なしnodejs 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

関連項目

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

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