JavaScript For Loop

JavaScript For லூப்பைக் கற்றுக்கொள்ளுங்கள்

For லூப்

For லூப்கள் ஒரு குறியீட்டுத் தொகுதியை பல முறை செயல்படுத்த முடியும்.

🎯 முக்கியத்துவம்:

For லூப்கள் ஒரு செயலை பல முறை செய்வது போன்ற பணிகளுக்கு அடிப்படையானவை.

For லூப் கட்டமைப்பு

for அறிக்கை 3 விருப்ப வெளிப்பாடுகளுடன் ஒரு லூப்பை உருவாக்குகிறது:

for (exp1; exp2; exp3) {
  // செயல்படுத்தப்பட வேண்டிய குறியீட்டுத் தொகுதி
}
வெளிப்பாடு பொறுப்பு செயல்பாடு நேரம்
exp1 லூப்பில் பயன்படுத்தப்படும் மாறி(களை) துவக்குகிறது குறியீட்டுத் தொகுதியின் செயல்பாட்டிற்கு முன் (ஒரு முறை)
exp2 குறியீட்டுத் தொகுதியை செயல்படுத்துவதற்கான நிபந்தனையை மதிப்பீடு செய்கிறது ஒவ்வொரு மறு செய்கையிலும் (நிபந்தனை சோதனை)
exp3 துவக்க மாறியின் மதிப்பை அதிகரிக்கிறது/மாற்றுகிறது குறியீட்டுத் தொகுதி செயல்படுத்தப்பட்ட பிறகு (ஒவ்வொரு முறையும்)

அடிப்படை எடுத்துக்காட்டு

for (let i = 0; i < 5; i++) {
  text += "The number is " + i + "
";
}
1
exp1: லூப் தொடங்குவதற்கு முன் ஒரு மாறியை அமைக்கிறது (let i = 0)
↓
2
exp2: லூப்பை இயக்குவதற்கான நிபந்தனையை வரையறுக்கிறது (i 5 ஐ விடக் குறைவாக இருக்க வேண்டும்)
↓
3
exp3: குறியீட்டுத் தொகுதி செயல்படுத்தப்பட்ட ஒவ்வொரு முறையும் ஒரு மதிப்பை அதிகரிக்கிறது (i++)

வரிசை எடுத்துக்காட்டு

cars வரிசையிலிருந்து கார் பெயர்களை சேகரிக்க for லூப்பைப் பயன்படுத்தவும்:

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let len = cars.length;

let text = "";
for (let i = 0; i < len; i++) {
  text += cars[i] + " ";
}
// முடிவு: "BMW Volvo Saab Ford "

exp1 ஐ எவ்வாறு பயன்படுத்துவது

exp1 லூப்பில் பயன்படுத்தப்படும் மாறி(களை) துவக்க பயன்படுகிறது (let i = 0).

exp1 விருப்பமானது.

மதிப்பு லூப் தொடங்குவதற்கு முன் அமைக்கப்பட்டிருந்தால், நீங்கள் exp1 ஐ விடலாம்:

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let len = cars.length;

let i = 2;  // மதிப்பு லூப்பிற்கு வெளியே அமைக்கப்பட்டுள்ளது

let text = "";
for (; i < len; i++) {
  text += cars[i] + "
";
}
// இந்த லூப் குறியீடுகள் 2, 3, 4 (மொத்தம் 3 கார்கள்) ஆகியவற்றிலிருந்து கார்களை மட்டுமே சேர்க்கும்

exp2 ஐ எவ்வாறு பயன்படுத்துவது

exp2 ஆரம்ப மாறியின் நிபந்தனையை மதிப்பீடு செய்ய பயன்படுகிறது (i < len).

exp2 விருப்பமானது.

exp2 false ஐ வழங்கினால், லூப் முடிவடையும்.

⚠️ கவனத்திற்கு:

நீங்கள் exp2 ஐ விட்டுவிட்டால், லூப்பிற்குள் ஒரு break வழங்க வேண்டும். இல்லையெனில் லூப் ஒருபோதும் முடியாது. இது உங்கள் உலாவியை செயலிழக்கச் செய்யும்.

// exp2 இல்லாமல் - break தேவை
for (let i = 0; ; i++) {
  if (i >= 5) {
    break;  // லூப்பை நிறுத்த break தேவை
  }
  text += "Number: " + i + "
";
}

exp3 ஐ எவ்வாறு பயன்படுத்துவது

exp3 ஆரம்ப மாறியின் மதிப்பை அதிகரிக்கிறது (i++).

exp3 விருப்பமானது.

exp3 எதையும் செய்ய முடியும், எதிர்மறை அதிகரிப்பு (i--), நேர்மறை அதிகரிப்பு (i = i + 15), அல்லது வேறு எதையும்.

exp3 விடப்படலாம் (லூப்பிற்குள் மதிப்பை அதிகரித்தால்):

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let len = cars.length;

let i = 0;

let text = "";
for (; i < len; ) {
  text += cars[i] + "
";
  i++;  // லூப்பிற்குள் அதிகரிப்பு
}

i++

ஒவ்வொரு மறு செய்கையிலும் 1 ஆல் அதிகரிக்கிறது

i--

ஒவ்வொரு மறு செய்கையிலும் 1 ஆல் குறைகிறது

i += 2

ஒவ்வொரு மறு செய்கையிலும் 2 ஆல் அதிகரிக்கிறது

லூப் நோக்கம்

var ஐப் பயன்படுத்துதல்:

var i = 5;

for (var i = 0; i < 10; i++) {
  // சில குறியீடு
}

// இங்கே i 10 ஆகும்

let ஐப் பயன்படுத்துதல்:

let i = 5;

for (let i = 0; i < 10; i++) {
  // சில குறியீடு
}

// இங்கே i 5 ஆகும்

🎯 நோக்கம் வேறுபாடு:

  • முதல் எடுத்துக்காட்டில், var ஐப் பயன்படுத்தி, லூப்பில் அறிவிக்கப்பட்ட மாறி லூப்பிற்கு வெளியே உள்ள மாறியை மீண்டும் அறிவிக்கிறது
  • இரண்டாவது எடுத்துக்காட்டில், let ஐப் பயன்படுத்தி, லூப்பில் அறிவிக்கப்பட்ட மாறி லூப்பிற்கு வெளியே உள்ள மாறியை மீண்டும் அறிவிக்காது
  • let ஒரு லூப்பில் i மாறியை அறிவிக்கப் பயன்படுத்தப்படும் போது, i மாறி லூப்பிற்குள் மட்டுமே தெரியும்

வெவ்வேறு For லூப் மாறுபாடுகள்

பின்னோக்கி எண்ணுதல்

for (let i = 5; i > 0; i--) {
  console.log(i);
}
// 5,4,3,2,1

2 ஆல் அதிகரித்தல்

for (let i = 0; i < 10; i += 2) {
  console.log(i);
}
// 0,2,4,6,8

முடிவிலி லூப்

for (;;) {
  // break அறிக்கை இல்லாமல் முடிவில்லாது
}

பயிற்சி

❓ பின்வரும் குறியீட்டைக் கவனியுங்கள்:

let i, x = '';
for (i = 0; i <= 5; i++) {
  x += i;
}

x இன் முடிவு என்னவாக இருக்கும்?

01234
✗ தவறு! நிபந்தனை i <= 5 என்பது i 5 ஐ விடக் குறைவாக அல்லது சமமாக இருக்கும். i = 5 ஆக இருக்கும் போது, லூப் இன்னும் இயங்கும், எனவே x க்கு "5" சேர்க்கப்படும்
012345
✓ சரி! for லூப் i = 0, 1, 2, 3, 4, மற்றும் 5 ஆக இருக்கும் போது இயங்கும் (கடைசி மதிப்பு உட்பட, ஏனெனில் நிபந்தனை i <= 5). ஒவ்வொரு மறு செய்கையிலும், i இன் தற்போதைய மதிப்பு x க்கு சேர்க்கப்படுகிறது, இறுதி முடிவை "012345" ஆக மாற்றுகிறது
1234
✗ தவறு! லூப் i = 0 இலிருந்து தொடங்குகிறது, மேலும் 0 x க்கு சேர்க்கப்படுகிறது. மேலும், நிபந்தனை i <= 5 இறுதி மதிப்பு 5 ஐ உள்ளடக்கியது
12345
✗ தவறு! லூப் i = 0 இலிருந்து தொடங்குகிறது, எனவே 0 முதல் மறு செய்கையில் x க்கு சேர்க்கப்படுகிறது. இது "0" உடன் தொடங்குகிறது, "1" அல்ல