জাভাস্ক্রিপ্ট লুপ

আমি এখন জাভাস্ক্রিপ্ট লুপ নিয়ে আলোচনা করবো । নির্দিষ্ট সময় পর পর একই কাজ করার প্রক্রিয়া – ই হচ্ছে লুপ । অর্থাৎ, কোন একটি নির্দিষ্ট শর্ত পুরন না হওয়া পর্যন্ত লুপ প্রক্রিয়াটি চলতে থাকে । প্রোগ্রামিং লেখার ক্ষেত্রে লুপ একটি অত্যন্ত গুরুত্বপূর্ণ ভুমিকা পালন করে । আপনি বেশ কয়েকটি পদ্ধতিতে জাভাস্ক্রিপ্ট লুপ ব্যবহার করতে পারেন ।

জাভাস্ক্রিপ্ট এ চার ধরনের লুপ রয়েছে । এগুলো হচ্ছে;

  • While loop
  • For loop
  • Do….while loop
  • For…in loop

আমরা চারটি লুপের নাম জেনেছি । তবে, আমরা এখানে দুইটি লুপের প্রক্রিয়া আলোচনা করবো । কেননা, জাভাস্ক্রিপ্ট এ সাধারনত এ দুই ধরনের লুপ ব্যবহার করা হয়ে থাকে । লুপ দুইটি হচ্ছে;

  • While loop
  • For loop

এবার আমরা ধাপে ধাপে এসব লুপ সম্পর্কে বিস্তারিতভাবে জানবো ।

While loop

একটি শর্ত পুরন না হওয়া পর্যন্ত কোন কাজ চালিয়ে যেতে While loop ব্যবহার করতে পারেন । যেমন; শিক্ষক আপনাকে বলল যে যতক্ষণ অংকটি সমাধান না হবে ততক্ষন চেষ্টা চালিয়ে যেতে । While loop এর গঠনটি হচ্ছে;

while (expression){
   Statement to be executed if expression is true
}

এবার আমরা While loop এর একটি উদাহরণ দেখবো । এজন্য নিচের কোডটুকু index.html নামে সেভ করুন;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title> JavaScript Loop </title>
</head>
<body>
    <script type="text/javascript">
    var number = 0;
    while (number < 15){
      document.write("Current Number : " + number + "<br />");
      number++;
    }
    </script>
</body>
</html>

এবার index.html ফাইলটি একটি ব্রাউজারে ওপেন করলে নিচের মত ফলফল দেখতে পারবেন;

Current Number : 0
Current Number : 1
Current Number : 2
Current Number : 3
Current Number : 4
Current Number : 5
Current Number : 6
Current Number : 7
Current Number : 8
Current Number : 9
Current Number : 10
Current Number : 11
Current Number : 12
Current Number : 13
Current Number : 14

কোড বিশ্লেষণ

  • প্রথমে var number = 0; এর দ্বারা একটি number নামে ভেরিয়েবল নেওয়া হয়েছে যার মান 0.
  • এরপর while (number < 15) ব্যবহার করে একটি শর্ত পুরন না হওয়া পর্যন্ত কোন কাজ চালিয়ে যেতে While loop ব্যবহার করা হয়েছে । এখানে আমি শর্ত দিয়েছি ১৫ এর পূর্ব অর্থাৎ ১৪ পর্যন্ত গণনা করার জন্য ।
  • এবার প্রদত্ত শর্ত অনুযায়ী ১৪ পর্যন্ত গণনা সম্পূর্ণ করা হয়েছে ।

আশা করি While loop এর ব্যাপারটি বুঝতে পেরেছেন ।

For loop

একটি স্ক্রিপ্ট কতবার রান করবে টা যদি আপনি থেকেই ঠিক জেনে থাকেন তাহলে For loop ব্যবহার করবেন । For loop এর গঠনটি হচ্ছে;

for (initialization; test condition; iteration statement){
     Statements to be executed if test condition is true
}

For loop এ তিনটি অংশ রয়েছে; এ তিনটি অংশ হচ্ছে;

initialization: এ অংশে ভেরিয়েবলের মান দিতে হবে ।
test condition: আপনার প্রদত্ত কন্ডিশন টি সত্য নাকি মিথ্যা তা চেক করবে ।
iteration statement: আপনি ভেরিয়েবলের মান কোন শর্ত অনুযায়ী কমাবেন বা বাড়াবেন তা এই অংশে উল্লেখ করতে হবে ।

এবার আমরা For loop এর একটি উদাহরণ দেখবো । এজন্য নিচের কোডটুকু index.html নামে সেভ করুন;

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title> JavaScript Loop </title>
</head>
<body>
    <script type="text/javascript">
    var number;
    for(number = 0; number < 20; number++){
      document.write("Current Number : " + number );
      document.write("<br />");
    }
    </script>
</body>
</html>

এবার index.html ফাইলটি একটি ব্রাউজারে ওপেন করলে নিচের মত ফলফল দেখতে পারবেন;

Current number : 0
Current number : 1
Current number : 2
Current number : 3
Current number : 4
Current number : 5
Current number : 6
Current number : 7
Current number : 8
Current number : 9
Current number : 10
Current number : 11
Current number : 12
Current number : 13
Current number : 14
Current number : 15
Current number : 16
Current number : 17
Current number : 18
Current number : 19

কোড বিশ্লেষণ

  • প্রথমে var number = 0; এর দ্বারা একটি number নামে ভেরিয়েবল নেওয়া হয়েছে যার মান 0.
  • এরপর for(number = 0; number < 20; number++) ব্যবহার করে একটি শর্ত পুরন না হওয়া পর্যন্ত কোন কাজ চালিয়ে যেতে While loop ব্যবহার করা হয়েছে । এখানে আমি শর্ত দিয়েছি ২০ এর পূর্ব অর্থাৎ ১৯ পর্যন্ত গণনা করার জন্য ।
  • এবার প্রদত্ত শর্ত অনুযায়ী ১৯ পর্যন্ত গণনা সম্পূর্ণ করা হয়েছে ।

আশা করি For loop এর ব্যাপারটি বুঝতে পেরেছেন ।

For loop এর প্রত্যেকটি অংশ পরস্পর সেমিকোলন দিয়ে আলাদা করতে হবে । অনেকে এ কাজটি করতে ভুলে যান তা মুটেও উচিত নয় । প্রথম প্রথম মনোযোগ দিয়ে কাজ করলে পড়ে আস্তে আস্তে তা ঠিক হয়ে যাবে ।

Series Navigation<< জাভাস্ক্রিপ্ট কন্ডিশনাল স্টেটমেন্টজাভাস্ক্রিপ্ট ফাংশন >>

Leave a Reply

Your email address will not be published. Required fields are marked *