For

சுழற்சியின் எளிதான வடிவம் for அறிக்கை. இது ஒரு if அறிக்கைக்கு ஒத்த தொடரியலைக் கொண்டுள்ளது, ஆனால் அதிக விருப்பங்களுடன்:

தொடரியல்

ஜாவாஸ்கிரிப்டில் for சுழற்சியின் தொடரியல் கீழே கொடுக்கப்பட்டுள்ளது:

for (initialization; end condition; change) {
    // இதை செய், இப்போது செய்
}

விளக்கம்:

• முதல் மறு செய்கைக்கு முன் செயல்படுத்தப்படும் initialization பகுதியில், உங்கள் சுழற்சி மாறியைத் தொடங்குங்கள்.
• end condition பகுதியில், ஒவ்வொரு மறு செய்கைக்கும் முன் சரிபார்க்கப்படக்கூடிய ஒரு நிபந்தனையை வைக்கவும். நிபந்தனை false ஆக மாறும் தருணத்தில், சுழற்சி முடிவடையும்.
• change பகுதியில், சுழற்சி மாறியை எவ்வாறு புதுப்பிப்பது என்பதை நிரலுக்குச் சொல்லுங்கள். for சுழற்சியைப் பயன்படுத்தி அதே குறியீட்டை பத்து முறை எவ்வாறு இயக்குவது என்று பார்ப்போம்:

for (let i = 0; i < 10; i = i + 1) {
  // இந்தக் குறியீட்டை பத்து முறை செய்
}

குறிப்பு: i = i + 1 என்பதை i++ என்று எழுதலாம்.

for...in சுழற்சி

ஒரு பொருளின் எண்ணக்கூடிய பண்புகள் மூலம் சுழற்சி செய்ய for in சுழற்சியைப் பயன்படுத்தலாம். ஒவ்வொரு தனித்துவமான பண்புக்கும், ஜாவாஸ்கிரிப்ட் குறிப்பிட்ட அறிக்கைகளை இயக்குகிறது.

தொடரியல்

for (variable in object) {
  // பொருளில் உள்ள ஒவ்வொரு பண்பையும் மீண்டும் செய்யவும்
}

எடுத்துக்காட்டு

எங்களிடம் பின்வரும் பொருள் உள்ளது என்று வைத்துக்கொள்வோம்:

const person = {
  fname: "John",
  lname: "Doe",
  age: 25,
};

பின்னர், for in சுழற்சியின் உதவியுடன், கீழே காட்டப்பட்டுள்ளபடி fname, lname மற்றும் age போன்ற அதன் பண்புகளை அணுக person பொருளை நாம் மீண்டும் செய்யலாம்.

let info = "";
for (let x in person) {
  console.log(person[x]);
}

மேலே உள்ள குறியீட்டுத் துணுக்கின் வெளியீடு பின்வருமாறு:

John
Doe
25

குறிப்பு: Arrays, Strings, Maps, NodeLists போன்ற மீண்டும் செய்யக்கூடிய பொருள்களை for in அறிக்கையைப் பயன்படுத்தி சுழற்சி செய்யலாம்.

// வரிசைகளுடன் எடுத்துக்காட்டு
const myArray = [1, 2, 3, 4, 5];
for (const item of myArray) {
  console.log(item);
}

// சரங்களுடன் எடுத்துக்காட்டு
const myString = "Hello, World!";
for (const char of myString) {
  console.log(char);
}

// Maps உடன் எடுத்துக்காட்டு
const myMap = new Map();
myMap.set("name", "John");
myMap.set("age", 30);

for (const [key, value] of myMap) {
  console.log(key, value);
}

// NodeLists (HTML கூறுகள்) உடன் எடுத்துக்காட்டு
const paragraphs = document.querySelectorAll("p");
for (const paragraph of paragraphs) {
  console.log(paragraph.textContent);
}

for...of சுழற்சி

for...of சுழற்சி JavaScript ES6 இன் பிந்தைய பதிப்புகளில் அறிமுகப்படுத்தப்பட்டது. for...of அறிக்கை, Array, String, TypedArray, Map, Set, NodeList (மற்றும் பிற DOM சேகரிப்புகள்) போன்ற மீண்டும் செய்யக்கூடிய பொருள்களிலிருந்து பெறப்பட்ட மதிப்புகளின் வரிசையில் செயல்படும் ஒரு சுழற்சியை இயக்குகிறது.

தொடரியல்

for...of சுழற்சியின் தொடரியல்:

for (element of iterable) {
  // for...of இன் உடல்
}

இங்கே,

• iterable - மீண்டும் செய்யக்கூடிய ஒரு பொருள்
• element - மீண்டும் செய்யக்கூடியதில் உள்ள உருப்படிகள்

எளிய தமிழில், மேற்கண்ட குறியீட்டை நீங்கள் இவ்வாறு படிக்கலாம்: “மீண்டும் செய்யக்கூடிய ஒவ்வொரு உறுப்புக்கும், சுழற்சியின் உடலை இயக்கவும்”.

எடுத்துக்காட்டுகள்

எங்களிடம் பின்வரும் பொருள் உள்ளது என்று வைத்துக்கொள்வோம்:

const person = ["John Doe", "Albert", "Neo"];

பின்னர், for of சுழற்சியின் உதவியுடன், கீழே காட்டப்பட்டுள்ளபடி அதன் தனிப்பட்ட உறுப்பை அணுக person பொருளை நாம் மீண்டும் செய்யலாம்.

let info = "";
for (let x of person) {
  console.log(x);
}

மேலே உள்ள குறியீட்டுத் துணுக்கின் வெளியீடு பின்வருமாறு:

John Doe
Albert
Neo

சரம், maps மற்றும் nodelist உடன் for...of சுழற்சியின் பயன்பாடு கீழே கொடுக்கப்பட்டுள்ளது:

// சரங்களுடன் எடுத்துக்காட்டு
const text = "Hello, World!";
for (const char of text) {
  console.log(char);
}

// Maps உடன் எடுத்துக்காட்டு
const person = new Map();
person.set("name", "John");
person.set("age", 30);
for (const [key, value] of person) {
  console.log(key, value);
}

// NodeLists (HTML கூறுகள்) உடன் எடுத்துக்காட்டு
const paragraphs = document.querySelectorAll("p");
for (const paragraph of paragraphs) {
  console.log(paragraph.textContent);
}