ตัวอย่างพารามิเตอร์ผ่านการเรียกซ้ำใน JavaScript

มาเริ่มต้นด้วยการใช้การเรียกซ้ำเพื่อแสดงองค์ประกอบของอาร์เรย์ตามลำดับกัน ให้อาร์เรย์ถูกส่งผ่านไปยังพารามิเตอร์ของฟังก์ชันตั้งแต่แรก:

javascriptfunc([1, 2, 3]);

ในตอนนี้ มาแสดงองค์ประกอบทั้งหมดของอาร์เรย์ทีละตัวโดยใช้เมธอด shift โดยยังไม่ใช้การเรียกซ้ำ:

javascriptfunction func(arr) {
  console.log(arr.shift()); // แสดง 1
  console.log(arr); // แสดง [2, 3] - อาร์เรย์ลดขนาดลง
  
  console.log(arr.shift()); // แสดง 2
  console.log(arr); // แสดง [3] - อาร์เรย์ลดขนาดลง
  
  console.log(arr.shift()); // แสดง 3
  console.log(arr); // แสดง [] - อาร์เรย์ว่างเปล่า
}

func([1, 2, 3]);

ดังที่คุณเห็น เมธอด shift ดึงออกและส่งคืนองค์ประกอบแรกของอาร์เรย์ ในขณะที่อาร์เรย์เองก็ลดลงตามองค์ประกอบนั้น

ทีนี้ลองใช้การเรียกซ้ำ:

javascriptfunction func(arr) {
  console.log(arr.shift(), arr);
  
  if (arr.length != 0) {
    func(arr);
  }
}

func([1, 2, 3]);

ที่จริงแล้ว แน่นอนว่าวิธีที่ง่ายที่สุดคือการวนซ้ำองค์ประกอบของอาร์เรย์ด้วยลูป ตัวอย่างที่นำเสนอนี้เป็นเพียงการสาธิตการทำงานของการเรียกซ้ำด้วยตัวอย่างง่ายๆ (ไม่ใช่จากชีวิตจริง) ตัวอย่างการประยุกต์ใช้การเรียกซ้ำที่เป็นประโยชน์มากกว่านั้นมีความซับซ้อนมากขึ้น ซึ่งเราจะวิเคราะห์ต่อไปด้านล่าง

javascriptlet arr = [1, 2, 3, 4, 5];