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

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

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

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

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

let avg  = 0;

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

console.log(avg);

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

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

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

let sum = 0;

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

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

ปรับปรุงประสิทธิภาพโค้ดต่อไปนี้:

for (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);
	}
}

ปรับปรุงประสิทธิภาพโค้ดต่อไปนี้:

let 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);