Awesome! টিউনস
সকল Awesome! টিউনস

জাভাস্ক্রিপ্ট টিউটোরিয়াল [পর্ব-০৮] :: জাভাস্ক্রিপ্ট লুপ

2,144 দেখা 4 টিউমেন্টস জোসস
টিউন বিভাগ জাভাস্ক্রিট
প্রকাশিত
Level 0

51 টিউনস 194 টিউমেন্টস 0 ফলোয়ার

সবাইকে সালাম ও শুভেচ্ছা জানিয়ে শুরু করছি আমার আজকের এই পোস্ট । আমার আজকের আলোচনার বিষয় হচ্ছে জাভাস্ক্রিপ্ট লুপ । এটি জাভাস্ক্রিপ্ট অষ্টম পর্ব । যারা আমার গত পর্বগুলো মিস করেছেন তাঁরা পড়ে নিবেন ।

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

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

  • 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 এর প্রত্যেকটি অংশ পরস্পর সেমিকোলন দিয়ে আলাদা করতে হবে । অনেকে এ কাজটি করতে ভুলে যান তা মুটেও উচিত নয় । প্রথম প্রথম মনোযোগ দিয়ে কাজ করলে পড়ে আস্তে আস্তে তা ঠিক হয়ে যাবে ।

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

আমার ফেইসবুক আইডি এখানে ।

ধন্যবাদ সবাইকে আপনার টিউটোরিয়ালটি মনোযোগ সহকারে পড়ার জন্য । ভাল থাকবেন সবাই । আল্লাহ্‌ হাফেজ ।

Level 0

আমি জিহাদুর রহমান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 4 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 51 টি টিউন ও 194 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

টিউনস

আরও টিউনস

টিউনারের আরও টিউনস

টিউমেন্টস

Level 0

vi, vedio tune hole gd hy

    Level 0

    @লিমন: ভাইয়া, পরবর্তীতে চেষ্টা করে দেখবো যে ভিডিও টিউটোরিয়াল বানাতে পারি কি না ।

Level 0

ভিসিটর থাকুক বা না থাকুক, অবশ্যই শেষ পর্যন্ত চালিয়ে যেতে হবে কিন্তু !!!!