การปรับปรุงประสิทธิภาพการทำงานแบบวนซ้ำใน JavaScript

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

ลองดูตัวอย่างกัน สมมติว่าเรามีอาเรย์บางอย่าง:

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

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

javascriptlet avg  = 0;

for (let elem of arr) {
  avg += elem / arr.length;
}

console.log(avg);

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

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

มาปรับปรุงประสิทธิภาพโค้ดของเรา:

javascriptlet sum = 0;

for (let elem of arr) {
  sum += elem;
}

let avg = sum / arr.length;
console.log(avg);

javascriptfor (let i = 1900; i <= 2100; i++) {
  let curr = new Date;
  let date = new Date(i, curr.getMonth(), curr.getDate());
  
  if (curr.getDay() === date.getDay()) {
    console.log(date);
  }
}

javascriptlet obj = {a: 10, b: 20, c: 30, d: 40, e: 50};
let sum = 0;
  
for (let key in obj) {
  if (String(obj[key])[0] === '1' || String(obj[key])[0] === '2') {
    sum += obj[key];
  }
}

console.log(sum);