Skip to main content

Command Palette

Search for a command to run...

JavaScript Loops

Published
3 min read
JavaScript Loops

JavaScript-এ loops হলো এমন একটি প্রক্রিয়া যা একই কাজ বা code block বারবার execute করতে সাহায্য করে। Loops ব্যবহার না করলে অনেক ক্ষেত্রে একই কাজ পুনরায় লিখতে হবে, যা time-consuming এবং error-prone। JavaScript-এ বিভিন্ন ধরনের loops রয়েছে, যেমন for, while, do…while, for…in, এবং for…of। চলুন বিস্তারিতভাবে দেখি প্রতিটির কাজ এবং উদাহরণ।


১. for Loop

for loop সবচেয়ে বেশি ব্যবহৃত loop। এটি মূলত তখন ব্যবহার করা হয় যখন iteration-এর সংখ্যা আগে থেকে জানা থাকে।

Syntax:

for(initialization; condition; increment/decrement) {
    // code to execute
}

উদাহরণ:

for(let i = 1; i <= 5; i++) {
    console.log("Number: " + i);
}

এখানে i ১ থেকে শুরু করে ৫ পর্যন্ত increment হবে, এবং প্রতি step-এ console.log execute হবে।


২. while Loop

while loop মূলত তখন ব্যবহার করা হয় যখন iteration-এর সংখ্যা আগে থেকে জানা থাকে না। এটি condition true থাকার সময় পর্যন্ত code execute করে।

Syntax:

while(condition) {
    // code to execute
}

উদাহরণ:

let i = 1;
while(i <= 5) {
    console.log("Number: " + i);
    i++;
}

এখানে i ৫ পর্যন্ত বাড়বে এবং প্রতি step-এ loop execute হবে।


৩. do…while Loop

do…while loop হলো while loop-এর মতোই, তবে এটি সর্বনিম্ন একবার code execute করে তারপর condition check করে।

Syntax:

do {
    // code to execute
} while(condition);

উদাহরণ:

let i = 1;
do {
    console.log("Number: " + i);
    i++;
} while(i <= 5);

যেহেতু do অংশ প্রথমে execute হয়, তাই condition false হলেও code কমপক্ষে একবার চলবে।


৪. for…in Loop

for…in loop একটি object-এর properties বা array-এর index traverse করতে ব্যবহৃত হয়।

Syntax:

for(key in object) {
    // code to execute
}

উদাহরণ (Object):

const person = {name: "Mannan", age: 24, city: "Chattogram"};

for(let key in person) {
    console.log(key + ": " + person[key]);
}

উদাহরণ (Array Index):

const fruits = ["Apple", "Banana", "Mango"];

for(let index in fruits) {
    console.log(index + ": " + fruits[index]);
}

৫. for…of Loop

for…of loop মূলত array বা iterable objects-এর value traverse করতে ব্যবহৃত হয়। এটি for…in থেকে আলাদা কারণ এটি index নয়, value return করে।

Syntax:

for(element of iterable) {
    // code to execute
}

উদাহরণ:

const fruits = ["Apple", "Banana", "Mango"];

for(let fruit of fruits) {
    console.log(fruit);
}

এখানে সরাসরি Apple, Banana, Mango print হবে।

Loop Control Statements

JavaScript-এ loop-এর behavior control করতে কিছু keywords ব্যবহার করা হয়:

  • break: loop সম্পূর্ণভাবে বন্ধ করে দেয়।

  • continue: current iteration skip করে পরবর্তী iteration চালায়।

উদাহরণ:

for(let i = 1; i <= 5; i++) {
    if(i === 3) continue; // ৩ skip করবে
    console.log(i);
}

Output হবে: 1, 2, 4, 5

JavaScript-এর loops আমাদের code কে efficient এবং clean করতে সাহায্য করে। বিভিন্ন ধরনের loop বিভিন্ন প্রয়োজনে ব্যবহৃত হয়।

  • for – যখন iteration সংখ্যা জানা থাকে।

  • while – যখন iteration সংখ্যা আগে জানা না থাকে।

  • do…while – কমপক্ষে একবার code execute করতে।

  • for…in – object property বা array index traverse করতে।

  • for…of – array বা iterable object-এর value traverse করতে।

Loop mastery করলে JavaScript-এ complex operations সহজেই করা যায় এবং code আরও readable হয়।

3 views

More from this blog

FilamentPHP কী এবং কেন ব্যবহার করবেন?

Laravel দিয়ে ওয়েব অ্যাপ্লিকেশন তৈরি করা আজকাল অনেক সহজ। কিন্তু একটা জায়গায় ডেভেলপারদের এখনও বেশ সময় লাগে—Admin Panel বা Backend Dashboard তৈরি করা। এই কাজটা সাধারণত repetitive, time-consuming এবং অনেক

Jun 16, 20263 min read8
FilamentPHP কী এবং কেন ব্যবহার করবেন?

JavaScript এ Error Handling

JavaScript একটি শক্তিশালী প্রোগ্রামিং ভাষা, যা ওয়েব ব্রাউজারে এবং সার্ভার-সাইড (Node.js) উভয় জায়গায় ব্যবহৃত হয়। তবে কোড লেখার সময় প্রায়ই আমরা এমন পরিস্থিতির সম্মুখীন হই যেখানে কোনো ভুল বা exception ঘটে। এই ধরনের সমস্যাগুলোকে আমরা Error Handlin...

Sep 30, 20254 min read11
JavaScript এ Error Handling

Local Storage এবং Session Storage

ওয়েব ডেভেলপমেন্টে কাজ করার সময় প্রায়ই আমাদের দরকার হয় ব্রাউজারে ব্যবহারকারীর কিছু ডেটা সাময়িকভাবে সংরক্ষণ করার। যেমন – ব্যবহারকারীর নাম, থিম সেটিংস, লগইন টোকেন, কার্টে রাখা পণ্য ইত্যাদি। এই কাজটি করার জন্য আগে আমরা সাধারণত Cookies ব্যবহার করতাম। তবে ...

Sep 30, 20254 min read4
Local Storage এবং Session Storage

JSON (Parse, Stringify)

ওয়েব ডেভেলপমেন্টে কাজ করতে গেলে ডেটা আদান-প্রদান, সংরক্ষণ এবং ব্যবস্থাপনা করা অত্যন্ত জরুরি। এই ক্ষেত্রে সবচেয়ে জনপ্রিয় এবং বহুল ব্যবহৃত একটি ফরম্যাট হলো JSON। জাভাস্ক্রিপ্টে JSON কাজ করে অত্যন্ত সহজভাবে, বিশেষ করে যখন আমরা JSON.parse() এবং JSON.stri...

Sep 29, 20254 min read2
JSON (Parse, Stringify)

JavaScript Date & Time

সময়কে প্রোগ্রামিংয়ের মধ্যে সঠিকভাবে ব্যবহার করা খুব গুরুত্বপূর্ণ। অনেক ক্ষেত্রে আমাদের তারিখ (Date) এবং সময় (Time) নিয়ে কাজ করতে হয়, যেমন – কোনো ওয়েব অ্যাপে ইউজারের লগইন সময় দেখানো, অর্ডারের ডেলিভারি তারিখ ট্র্যাক করা, বা একটি ইভেন্টের কাউন্টডাউন তৈর...

Sep 28, 20253 min read
JavaScript Date & Time
S

SliceTech

86 posts

Sharing basic web development tutorials.