JavaScriptにおける関数のパラメータとしての渡し方の応用

配列をパラメータとして受け取り、2番目のパラメータとして関数を受け取る関数を作ってみましょう。 渡された関数は配列の各要素に適用されるべきです：

javascriptfunction test(arr, func) {
  // 変更された配列を返します
}

実装してみましょう：

javascriptfunction test(arr, func) {
  // ループを開始：
  for (let i = 0; i < arr.length; i++) {
    arr[i] = func(arr[i]); // 各要素に関数を適用
  }
  
  return arr; // 変更された配列を返す
}

この関数を任意の配列に適用してみましょう：

javascriptfunction test(arr, func) {
  for (let i = 0; i < arr.length; i++) {
    arr[i] = func(arr[i]);
  }
  
  return arr;
}

// 数値の配列をその二乗の配列に変換：
let result = test(
  [1, 2, 3],
  function(num) {return num * num;}
);

console.log(result); // [1, 4, 9] と表示

この関数呼び出しをもっとエレガントに書いてみましょう（より一般的な方法です）：

javascriptfunction test(arr, func) {
  for (let i = 0; i < arr.length; i++) {
    arr[i] = func(arr[i]);
  }
  
  return arr;
}

// コードをエレガントに記述：
let result = test([1, 2, 3], function(num) {
  return num * num;
});

console.log(result); // [1, 4, 9] と表示