คู่มือปี 2020 ในการวนซ้ำใน JavaScript

ทำ…ในขณะที่ลูปสามารถใช้เพื่อรันบล็อกของโค้ดได้หนึ่งครั้งและจะทำงานต่อไปหากคำสั่งยังคงประเมินว่าเป็นจริง while และ do…while loops จะมีประโยชน์หากคุณต้องการรันบล็อกของโค้ดในขณะที่ตรงตามเงื่อนไขที่กำหนด

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

JavaScript มีลูปหลักสองประเภท ซึ่งสามารถใช้ทำงานซ้ำๆ ได้หลายครั้ง ประเภทแรกเรียกว่า for loop ดำเนินการคำสั่งตามจำนวนที่ระบุ ประเภทที่สองคือลูป while ซึ่งทำงานโดยพิจารณาจากเงื่อนไขที่ประเมินว่าเป็นจริงหรือไม่

ในบทช่วยสอนนี้ เราจะพูดถึงพื้นฐานของ ในขณะที่ วนซ้ำใน JavaScript เราจะสำรวจไวยากรณ์สำหรับ ในขณะที่ ลูป วิธีสร้าง do…while loops และสำรวจตัวอย่างการทำงานของลูปเหล่านี้บางส่วน

จาวาสคริปต์ขณะวนซ้ำ

JavaScript ในขณะที่ลูปรันบล็อกของโค้ดในขณะที่เงื่อนไขประเมินเป็น จริง . ในขณะที่ลูปหยุดทำงานเมื่อเงื่อนไขของพวกเขาประเมินเป็นเท็จ วนรอบในขณะที่ให้คุณทำซ้ำบล็อกของรหัสหลายครั้งโดยไม่ต้องคัดลอกและวางรหัสของคุณ

ในขณะที่ ลูปมักใช้หากคุณต้องการรันโค้ดเป็นจำนวนครั้งที่ไม่ระบุ ในทางกลับกัน JavaScript for loops จะถูกใช้หากคุณทราบแล้วหรือสามารถคำนวณจำนวนครั้งที่ลูปของคุณควรดำเนินการได้

นี่คือไวยากรณ์สำหรับ ในขณะที่ วนซ้ำใน JavaScript:

while (condition_is_true) { // รันโค้ด}

ในขณะที่ คำสั่งดูเหมือนกับ JavaScript for คำสั่ง

81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้

ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก

คุณสามารถสร้างการวนซ้ำแบบไม่สิ้นสุดโดยระบุเงื่อนไขที่จะประเมินว่าเป็นจริงเสมอ ตรวจสอบให้แน่ใจว่าเงื่อนไขของคุณสามารถประเมินเป็นเท็จเว้นแต่คุณต้องการให้วนซ้ำต่อไปจนกว่าคุณจะหยุดโปรแกรมด้วยตนเอง

JavaScript ในขณะที่ตัวอย่างลูป

สมมติว่าเรากำลังจัดปาร์ตี้สุดพิเศษ เราต้องการเชิญคนเพียง 40 คนมาที่งานปาร์ตี้ของเราในช่วงเวลาที่กำหนด

ปาร์ตี้ของเรามีอยู่แล้ว 35 คน ทุกครั้งที่เราเชิญใครซักคน เราต้องการคำนวณจำนวนคนที่เราสามารถเชิญได้ก่อนที่เราจะถึงขีดจำกัด นี่คือตัวอย่างโปรแกรมที่ใช้ while วนซ้ำเพื่อทำการคำนวณนี้:

var limit =40;var current_attendees =35;while (current_attendees <จำกัด) { var current_attendees =current_attendees + 1; var current_attendees =current_attendees + 1; var spaces_left =จำกัด - current_attendees; console.log(`มีช่องว่าง ${spaces_left} เหลืออยู่ในปาร์ตี้`);};

รหัสของเราส่งคืนดังต่อไปนี้:

เหลือที่ว่างในปาร์ตี้ 4 ที่ เหลืออีก 3 ที่ในปาร์ตี้ เหลืออีก 2 ที่ในปาร์ตี้ เหลือที่ว่างในปาร์ตี้ 1 ที่ เหลือที่ว่างในปาร์ตี้อีก 0 ที่  

 ในสองบรรทัดแรกของโค้ดของเรา เราประกาศตัวแปรสองตัว ขีดจำกัด ตัวแปรใช้เพื่อระบุจำนวนสูงสุดของบุคคลที่สามารถเข้าร่วมปาร์ตี้ของเรา ผู้เข้าร่วมประชุมปัจจุบัน ตัวแปร JavaScript ติดตามจำนวนคนที่เข้าร่วมปาร์ตี้ในขณะนี้
 

 เราสร้าง ในขณะที่ วนซ้ำที่ดำเนินการตราบใดที่จำนวนผู้เข้าร่วมปัจจุบันน้อยกว่าขีดจำกัดที่เราตั้งไว้
 

 จากนั้นโปรแกรมของเราจะเพิ่ม 1 ถึงจำนวนผู้เข้าร่วมปัจจุบัน และคำนวณจำนวนช่องว่างที่เหลือโดยลบ current_attendees จาก จำกัด สุดท้าย โปรแกรมของเราจะพิมพ์คำสั่งไปยังคอนโซลซึ่งบอกหัวหน้าปาร์ตี้ของเราว่าเหลือที่ว่างกี่ที่
 

 ของเรา ในขณะที่ วงวิ่งตราบเท่าที่มีคนต่ำกว่า 40 คนในงานเลี้ยงของเรา ทุกครั้งที่ดำเนินการวนซ้ำ current_attendees . ของเรา เพิ่มขึ้น 1. ทันทีที่ปาร์ตี้ของเรามีผู้เข้าร่วมถึง 40 คน วงของเราก็หยุดทำงาน
 
while loops:อีกตัวอย่างหนึ่ง
 

 ลองใช้ตัวอย่างอื่นเพื่อแสดงการวนรอบในขณะที่ดำเนินการ ในตัวอย่างด้านล่าง เราสร้าง while วงที่พิมพ์ทุกชื่อในกลุ่ม VIP ปาร์ตี้ของเรา:
 
var vips =['Robert De Niro', 'Will Smith', 'Brad Pitt', 'Denzel Washington'];var counter =0;while (เคาน์เตอร์  

 รหัสของเราส่งคืน:
 
โรเบิร์ต เดอ นีโรวิล สมิธแบรด พิตต์เดนเซล วอชิงตัน
 

 วงของเราวนซ้ำผ่าน vips ตราบใดที่ตัวแปรตัวนับของเราน้อยกว่าความยาวของอาร์เรย์ JavaScript
 
JavaScript ทำ…ในขณะที่ลูป
 

 JavaScript ทำ…ในขณะที่ลูปรันคำสั่งหนึ่งครั้งแล้วตรวจสอบว่าเงื่อนไขเป็นจริงหรือไม่ หากเงื่อนไขเป็นจริง จะวนซ้ำอีกครั้ง มิฉะนั้น รหัสจะหยุดทำงาน
 

 มีความแตกต่างใหญ่อย่างหนึ่งระหว่าง while และ do…while loop ทำ…ในขณะที่ลูปดำเนินการอย่างน้อยหนึ่งครั้งแม้ว่าเงื่อนไขที่ระบุจะไม่ประเมินเป็นจริง ในขณะที่ลูปจะดำเนินการก็ต่อเมื่อเงื่อนไขของพวกเขาประเมินเป็นจริงเท่านั้น
 

 นี่คือไวยากรณ์สำหรับ do…while วนซ้ำใน JavaScript:
 
do { // รันโค้ด } while (condition_is_true);
 

 รหัสใน do…while . ของเรา ลูปจะถูกดำเนินการอย่างน้อยหนึ่งครั้งเสมอ
 
JavaScript ทำ…ในขณะที่ตัวอย่างลูป
 

 ลองใช้ตัวอย่างเพื่อแสดงให้เห็นว่า do…while การทำงานแบบวนซ้ำ สมมติว่าเรากำลังสร้างเกมเดา เราต้องการให้โปรแกรมของเราขอให้ผู้ใช้เดาตัวเลขต่อไปจนกว่าพวกเขาจะเดาหมายเลขที่ถูกต้อง
 

 นี่คือตัวอย่างโปรแกรมที่เราสามารถใช้สร้างเกมเดาได้:
 
var number_to_guess =7;var Guessed_number =0;do { var input =prompt("Enter a number between 1 and 10") var input =prompt("Enter a number between 1 to 10") var Guessed_number =parseInt(input);} ในขณะที่ (guessed_number !=number_to_guess);
 

 โปรแกรมของเราจะขอให้ผู้ใช้ใส่ตัวเลขระหว่าง 1 ถึง 10 ตราบใดที่ guessed_number ไม่เท่ากับ number_to_guess แต่โปรแกรมของเราจะดำเนินการเนื้อหาของ do . ของเรา คำสั่งก่อนที่จะประเมินเงื่อนไขเป็นครั้งแรก
 

 เมื่อเงื่อนไขของเราเป็นเท็จ ลูปของเราจะหยุดดำเนินการ
 
บทสรุป
 

 ในขณะที่ลูปสามารถใช้เพื่อรันบล็อกโค้ดที่ทำซ้ำได้ในขณะที่คำสั่งประเมินว่าเป็นจริง ทำ…ในขณะที่ลูปสามารถใช้เพื่อรันบล็อกของโค้ดได้เพียงครั้งเดียว พวกมันจะทำงานต่อไปหากคำสั่งยังคงประเมินว่าเป็นจริง
 

 ในขณะที่และทำ…ในขณะที่ลูปมีประโยชน์หากคุณต้องการรันบล็อกของโค้ดในขณะที่ตรงตามเงื่อนไขบางประการ
 

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

 สำหรับคำแนะนำเกี่ยวกับแหล่งข้อมูลและหลักสูตรการเรียนรู้ JavaScript ชั้นนำ โปรดดูบทความ How to Learn JavaScript