সাম্প্রতিক

10/recent/ticker-posts

Header Ads Widget

Web Design - JavaScript Switch & Loop Part 06

 


switch statement

JavaScript switch হচ্ছে else if statement এর মতোই , পার্থক্য হচ্ছে else if statement ক্রমান্বয়ে সবগুলো condition বা শর্ত চেক করতে থাকে এবং প্রথম যেই শর্ত পূরণ হবে , তার প্রোগ্রাম execute করার সুযোগ দেয়। এবং পরবর্তী condition গুলো আর চেক করেনা। আর switch ক্রমান্বয়ে সবগুলো condition বা শর্ত চেক করার পরিবর্তে যেই কন্ডিশন মিলে তা লাফ দিয়ে execute করে। অন্য কোনো condition চেক করেনা

Syntax

switch ( variable )

{

case value1:

statement;

break;

case value2:

statement;

break;

default:

statement;

}

Example

<script>

var action = "ADD";

switch (action) {

case "ADD":

document.write("Perform actions for adding.");

break;

case "MODIFY":

document.write("Perform actions for modifying.");

break;

case "DELETE":

document.write("Perform actions for deleting.");

break;

}

</script>

for loop

JavaScript for loop হচ্ছে একটি নির্দিষ্ট কাজ একটি নির্দিষ্ট শর্ত বা condition পূরণ না হওয়া পর্যন্ত বার বার করতে থাকা বা execute করে। for loop variable এর value initialization, condition এবং increment এর কাজ একই লাইনে করা হয়

for loop Syntax

for (initialization; condition; increment/decrement){

   code to be executed;

}

Example

<!DOCTYPE html>

<html>

<body>

 

<h2>JavaScript Loops</h2>

 

<p id="demo"></p>

 

<script>

var text="";

for (i = 1; i <=10; i++) {

  text += i + "<br>";

}

document.getElementById("demo").innerHTML = text;

</script>

 

</body>

</html>

For/In loop

JavaScript For/In loop বিশেষ ভাবে JavaScript array এবং object এর প্রত্যেকটি element loop এর কাজ করার জন্য ব্যবহৃত হয়

<script>

var txt = "";

var person = ["Arif","Rafiq","Shafiq"];

var x;

for (x in person) {

  txt += x + ". " + person[x] + "<br>";

}

document.getElementById("demo").innerHTML = txt;

</script>

 

</body>

</html>

while loop

JavaScript while loop হচ্ছে for loop এর মতোই অর্থাৎ :একটি নির্দিষ্ট কাজ একটি নির্দিষ্ট শর্ত বা condition পূরণ না হওয়া পর্যন্ত বার বার করতে থাকা বা execute করে। পার্থক্য হচ্ছে while loop variable এর value initialization, condition এবং increment এর কাজ ভিন্ন ভিন্ন লাইনে করা হয়

while loop Syntax

initialization

while (condition){

    statement

    increment

}

while loop

<!DOCTYPE html>

<html>

<body>

<p id="demo"></p>

<script>

var text = "";

var i = 0;

while (i < 10) {

  text += "<br>The number is " + i;

  i++;

}

document.getElementById("demo").innerHTML = text;

</script>

</body>

</html>

do-while loop

JavaScript do-while loop হচ্ছে while loop এর মতোই অর্থাৎ :একটি নির্দিষ্ট কাজ একটি নির্দিষ্ট শর্ত বা condition পূরণ না হওয়া পর্যন্ত বার বার করতে থাকা বা execute করে। while loop variable এর value initialization, condition এবং increment এর কাজ ভিন্ন ভিন্ন লাইনে করা হয়। পার্থক্য হচ্ছে, while loop condition true না হলে while এর code block execute করতে পারেনা। এবং কোনো ফলাফল দেখায়না। কিন্তু do-while condition true না হলেও বার code block execute করে, এবং ফলাফল দেখাতে পারে

do while loop Syntax

do {

  // This code is run at least once

} while ( condition )

  

// This code is run after the loop finishes

<p id="demo"></p>

 

<script>

var text = ""

var i = 0;

 

do {

  text += "<br>The number is " + i;

  i++;

}

while (i < 10); 

 

document.getElementById("demo").innerHTML = text;

</script>

Post a Comment

0 Comments