それでは「アロー関数の省略ルール」を整理してみましょう。これを覚えると、コードがさらにスッキリ書けるようになります。
アロー関数の省略ルール
1. 引数が1つのときはカッコを省略できる
// 通常
let square = (x) => {
return x * x;
};
// 引数が1つなら () を省略できる
let square = x => {
return x * x;
};
2. 処理が1行だけなら {} と return を省略できる
// 通常
let double = (x) => {
return x * 2;
};
// 省略形
let double = x => x * 2;
👉 この書き方が一番よく使われます。
3. 引数が0個のときは必ず () が必要
let hello = () => console.log("こんにちは！");
hello(); // → こんにちは！
4. 複数行の処理は {} が必要
let calc = (a, b) => {
let sum = a + b;
let product = a * b;
return sum + product;
};
console.log(calc(2, 3)); // → 11
例題：配列操作での省略ルール活用
let numbers = [1, 2, 3, 4, 5];
// 2倍にする（省略なし）
let doubled1 = numbers.map((n) => { return n * 2; });
// 引数1つ → ()省略
let doubled2 = numbers.map(n => { return n * 2; });
// 1行処理 → {}とreturn省略
let doubled3 = numbers.map(n => n * 2);
console.log(doubled3); // → [2, 4, 6, 8, 10]
✅ まとめ
- 引数1つ → () 省略OK
- 処理1行 → {} と return 省略OK
- 引数0個 → () 必須
- 複数行処理 → {} 必須
💡 実務では「map, filter, forEach」などで numbers.map(n => n * 2) のような省略形が圧倒的に使われます。