การใช้การส่งฟังก์ชันเป็นพารามิเตอร์ใน JavaScript

มาสร้างฟังก์ชันที่รับพารามิเตอร์แรกเป็นอาร์เรย์ และพารามิเตอร์ที่สองเป็นฟังก์ชัน ฟังก์ชันที่ส่งเข้ามาจะต้องถูกนำไปใช้กับทุกองค์ประกอบของอาร์เรย์:

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]