JavaScriptにおけるアロー関数の使用

アロー関数は、コールバックとして使用する際に特に利点があります。 例を見て、そのような場合にコードがどれだけ簡素化されるか確認しましょう。 例として、次のようなfilter関数があるとします:

javascriptfunction filter(arr, callback) {
  let res = [];

  for (let elem of arr) {
    if ( callback(elem) === true ) {
      res.push(elem);
    }
  }
  
  return res;
}

この関数を呼び出し、コールバックを渡してみましょう:

javascriptlet result = filter([1, 2, 3, 4, 5], function(elem) {
  if (elem % 2 === 0) {
    return true;
  } else {
    return false;
  }
});

では、この関数を簡略化してみましょう。 まず、if構文をなくし、 ===演算子を使って条件を記述します:

javascriptlet result = filter([1, 2, 3, 4, 5], function(elem) {
  return elem % 2 == 0;
});

次に、通常の関数をアロー関数に置き換えます:

javascriptlet result = filter([1, 2, 3, 4, 5], elem => elem % 2 == 0);

javascriptlet result = filter([1, 2, 3, 4, 5], function(elem) {
  if (elem > 0) {
    return true;
  } else {
    return false;
  }
});