JavaScriptでアロー関数（矢印関数）を定義する方法

アロー関数は、JavaScriptにおける「ファットアロー関数」とも呼ばれる関数の記述方法です。その名のとおり、コードの行数を減らし、より簡潔に関数を書けるのが大きな特徴です。構文に登場する「=>」がファットアロー（太い矢印）を表しており、これを使うことで「function」というキーワードを何度も書く手間を省けます。

アロー関数の基本構文

引数が1つの場合の基本的な構文は次のとおりです。

argument => expression

引数が複数ある場合は、括弧で囲んでカンマ区切りで指定します。

(argument1 [, argument2]) => expression

通常の関数とアロー関数の比較

ここでは、配列の各要素を2乗する処理を例に、通常の関数とアロー関数の違いを見てみましょう。

通常のJavaScriptの関数で書いた場合

var rank = [7, 8, 9];
var display = rank.map(function(num) {
    return num * num;
});

document.write(display); // 結果：49,64,81

アロー関数で書いた場合

var rank = [7, 8, 9];
var display = rank.map((num) => num * num);

document.write(display); // 結果：49,64,81

このように、アロー関数を使えば「function」キーワードや「return」文を省略でき、1行でスッキリと記述できます。特にmapやfilterなどの高階関数と組み合わせたときに、その簡潔さが際立ちます。

まとめ

• アロー関数は「=>」を使った短縮記法の関数定義
• 引数が1つなら括弧も省略可能、複数の場合は括弧が必要
• 式が単一の場合はreturn文を書かずに結果を返せる
• コードの可読性と保守性の向上に役立つ

アロー関数は現代のJavaScript開発において欠かせない記法です。ぜひ日常のコーディングで活用してみてください。