1. How to learn javascript basic tutorials (js)
  2. javascript syntax (জাভাস্ক্রিপ্ট syntax) how to learn javascript tutorials
  3. জাভাস্ক্রিপ্ট সক্রিয়করন( Javascript tutorials)
  4. javascript Location (Javascript tutorials)
  5. জাভাস্ক্রিপ্ট External (Javascript tutorials)
  6. জাভাস্ক্রিপ্ট ভেরিয়েবল (Javascript tutorials)
  7. Data Type (javascript tutorials)
  8. জাভাস্ক্রিপ্ট অপারেটর (Javascript operator in javascript tutorials)
  9. জাভাস্ক্রিপ্ট ফাংশন (Javascript function tutorials)
  10. How to learn জাভাস্ক্রিপ্ট ইভেন্ট (Javascript event) | SP Foundationbd
  11. জাভাস্ক্রিপ্ট স্টেটমেন্ট (Javascript statement tutorials ) | SP Foundationbd
  12. Javascript If স্টেটমেন্ট tutorials | SP Foundationbd
  13. Javascript Else If statement tutorials | SP Foundationbd
  14. Javascript While লুপ Tutorials | SP Foundationbd
  15. Javascript For loop tutorials | SP Foundationbd
  16. Js মন্তব্য বা Comments | SP Foundationbd
  17. জাভাস্ক্রিপ্ট অ্যারে tutorials | SP Foundationbd
  18. জাভাস্ক্রিপ্ট এলার্ট tutorial | SP Foundationbd
  19. জাভাস্ক্রিপ্ট Confirm tutorials | SP Foundationbd
  20. জাভাস্ক্রিপ্ট Prompt tutorials | SP Foundationbd
  21. জাভাস্ক্রিপ্ট Print tutorials | SP Foundationbd
  22. জাভাস্ক্রিপ্ট রিডাইরেক্ট Tutorials | SP Foundationbd
  23. জাভাস্ক্রিপ্ট Popup tutorials | SP Foundationbd
  24. জাভাস্ক্রিপ্ট ডেট tutorials | SP Foundationbd
  25. জাভাস্ক্রিপ্ট ফর্ম Tutorials | SP Foundationbd
  26. জাভাস্ক্রিপ্ট স্ট্রিং Tutorials | SP Foundationbd
  27. জাভাস্ক্রিপ্ট স্ট্রিং দৈর্ঘ্য | SP Foundationbd
  28. জাভাস্ক্রিপ্ট স্ট্রিং স্প্লিট | SP Foundationbd
  29. জাভাস্ক্রিপ্ট স্ট্রিং সার্চ tutorials | SP Foundationbd
  30. জাভাস্ক্রিপ্ট রিপ্লেস tutorials | SP Foundationbd
  31. জাভাস্ক্রিপ্ট indexOf tutorials | SP Foundationbd
  32. জাভাস্ক্রিপ্ট getElementById tutorials | SP Foundationbd
  33. জাভাস্ক্রিপ্ট innerHTML tutorials | SP Foundationbd
  34. কিছু জরুরী ফাংশন tutorials | SP Foundationbd
  35. setTimeout ফাংশন tutorials | SP Foundationbd

Javascript For loop tutorials | SP Foundationbd

For Loop দিয়েও while লুপের কাজ করা যায়। For Loop দিয়ে যেসব কাজ হয় while দিয়েও ঐ কাজ করা যাবে। ফর লুপ while এর মতই pretest loop, মানে আগে condition check করবে এরপর true হলে লুপের অভ্যন্তরের code execute হবে। ফর লুপে ৩ টি এক্সপ্রেশন থাকতে পারে

১. variable initialization : প্রথম এক্সপ্রেশন দিয়ে ভেরিয়েবল initialize করা হয় এবং এই এক্সপ্রেশন লুপ এক্সিকিউট হওয়ার আগেই execute বা check হবে।

২. Condition : এরপর একটা কন্ডিশন দেয়া হয় যেটা চেক করে true রিটার্ন করলে লুপ Execute হবে, তবে এটিও ঐচ্ছিক যদি এই্ condition না দেয়া হয় তাহলে For loop বাই ডিফল্ট true return করে।

৩. শেষ এক্সপ্রেশন : এটা দিয়ে variable টি update করা হয় (বাড়ানো কিংবা কমানো হয়)। এটা সবার শেষে execute হয়। প্রতিবার loop ঘুরে আসার পর এটি execute হয়।

1.for(i = 10; i > 0; i--){

  1. 3.document.write(i + '<br/>');
  2. 5.}  

ব্যাখ্যা: এখানে প্রথমে লুপে i এর মান ১০ দিয়ে initialize করেছি।

এরপর সেমিকোলন (;) দিয়ে দ্বিতীয় expression লিখতে হয় যেমন i > 0 দিয়েছি এটা হচ্ছে কন্ডিশন। প্রতিবার লুপ ঘোরার সময় এই condition check হবে।

শেষে i-- দিয়ে i এর মান এক করে কমিয়েছি। এটা হচ্ছে শেষ expression।

 ১. প্রথমবার loop টি দেখবে i = 10 এবং এরপর দেখবে i এর মান ০ এর চেয়ে বড় কিনা, যেহেতু ১০ শূন্যের চেয়ে বড় তাই পরের এক্সপ্রেশনে (i--) যাবে এবং মান ১ কমাবে এবং লুপে প্রবেশ করে document.write(i + '<br/>'); execute করবে (i মান লিখে দিবে)।

২. দ্বিতীয়বার i এর মান ৯ হয়ে গেল কেননা এক কমানো হয়েছে, আবার condition check করবে অর্থ্যাৎ i এর মান ০ এর চেয়ে বড় কিনা। যেহেতু ৯ শূন্যের চেয়ে বড় তাই আবার পরের এক্সপ্রেশনে (i--) যাবে এবং মান ৯ থেকে এক কমাবে এবং document.write(i + '<br/>'); execute হবে।

 

এভাবে i এর মান যতক্ষন শূন্যের সমান না হবে ততক্ষন লুপটি একই সিস্টেমে চলতে থাকবে।

 ** লুপের ভিতর var i = 10; এভাবে না দিলেও হয়। যদি variable initialize করতে চান তাহলে লুপের বাইরে করে রাখতে পারেন যেমন

1.var i;

2.for(i = 10; i > 0; i--){

  1. 4.document.write(i + '<br/>');
  2. 6.}

 ** loop ছাড়া যদি আমি এভাবে ১০ থেকে ০ পর্যন্ত এক এক করে কমিয়ে দেখাতে চাইতাম তাহলে নিচের মত লিখতে হত।

01.document.write(10 + '<br/>');

02.document.write(9 + '<br/>');

03.document.write(8 + '<br/>');

04.document.write(8 + '<br/>');

05.document.write(7 + '<br/>');

06.document.write(6 + '<br/>');

07.document.write(5 + '<br/>');

08.document.write(4 + '<br/>');

09.document.write(3 + '<br/>');

10.document.write(2 + '<br/>');

11.document.write(1 + '<br/>');

এত বড় কোডের কাজ loop দিয়ে কয়েক লাইনেই হয়ে যায়। এরুপ তারিখের জন্য মাস, বছর, দিন ইত্যাদি কাজের জন্য লুপ ব্যবহার করা হয়। লুপ খুবই গুরত্বপূর্ন, যেকোন programming  এ লুপের অবদান অনস্বীকার্য। তাই খুব ভালভাবে শিখতে হবে।

 for...in লুপ

For in loop দিয়ে একটা অবজেক্টের প্রোপার্টিজ এর মধ্যে লুপিং করা যায়। যেমন আমি যদি BOM window অবজেক্টের প্রোপার্টি দেখতে চাই তাহলে

1.for(var propName in window){

2.document.write(propName + '<br/>');

3.}

continue স্টেটমেন্ট

অন্যান্য লুপিং এর মত ফর লুপেও break কিংবা continue statement ব্যবহার করা যায়। এর আগে while লুপে break এর উদাহরন দেখিয়েছি এখানে continue স্টেটমেন্টের ব্যবহার দেখাচ্ছি।

 continue statement ব্যবহার করলে লুপ চলতে থাকবে কিন্তু একবার লুপ বন্ধ হয়ে যাবে যখন কন্ডিশন true হবে। উদাহরন দেখলে পরিষ্কার হবে

1.for(i = 10; i > 0; i--){

2.if(i % 2 == 0){continue;}

3.document.write(i + '<br/>');

  1.  

5.}

যখনি (i % 2 == 0) এই condition টি true হবে অর্থ্যাৎ জোড় সংখ্যা আসবে তখন লুপ সাথে সাথে বন্ধ হয়ে যাবে এবং এইবার output না দিয়ে পরেরবার লুপ চলবে। তাই এখানে আউটপুটে দেখুন ১০ থকে ০ পর্যন্ত শুধু ঐ সংখ্যাগুলি দেখাচ্ছে যেগুলি বিজোড়। কেননা যখন জোড় আসছে তখন continue এর কারনে ঐবার loop চলেনি।

 ** যেহেতু এক লাইনের কোড তাই continue এর আগে পিছে দ্বিতীয় বন্ধনী (curly braces) না দিলেও হত।

 1.for(i = 10; i > 0; i--){

2.if(i % 2 == 0)

3.continue;

4.document.write(i + '<br/>');

  1. 6.}