คำแนะนำในการเขียนโค้ดลูปใน JavaScript

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

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

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

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

ลองมาทดสอบกันในทางปฏิบัติ สำหรับตัวอย่าง ให้คุณมีอาร์เรย์ที่มีตัวเลข:

javascriptlet arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];

สมมติว่าคุณมีงานที่จะนำเอเลเมนต์จากอาร์เรย์นี้ ที่หารด้วย 3 ลงตัว และหาผลรวมของพวกมัน

ขั้นตอนเล็ก ๆ ขั้นแรกที่ฉันอยากจะแนะนำคือการวนผ่านเอเลเมนต์ของอาร์เรย์ด้วยลูปและแสดงพวกมันในคอนโซล มาทำกันและตรวจสอบให้แน่ใจว่าทุกอย่างทำงาน:

javascriptfor (let elem of arr) {
  console.log(elem);
}

ตอนนี้ แยกเอเลเมนต์ที่หารด้วย 3 ลงตัวออกมา แสดงพวกมันในคอนโซลและตรวจสอบว่าเราได้เอเลเมนต์ที่ถูกต้อง:

javascriptfor (let elem of arr) {
  if (elem % 3 === 0) {
    console.log(elem); // จะแสดง 3, 6, 9
  }
}

ตอนนี้ ขั้นตอนต่อไปเราสามารถหาผลรวมของเอเลเมนต์ที่ต้องการได้:

javascriptlet sum = 0;

for (let elem of arr) {
  if (elem % 3 === 0) {
    sum += elem;
  }
}

console.log(sum);

javascriptlet arr = [10, 20, 30, 40, 21, 32, 51];