JavaScript Essential Training Part 5

ကဲ႔ Tranning 5 ေရာက္ျပီ

Conditional Code
 programming  အမ်ားစုမွာ condition စစ္တဲ႔အခါ မွာ ဒီလိုသံုးတာေတြ႔ရပါတယ္
 if (   အေျခေန       ) {
    //code ေရးရန္
 }

 Condition အသံုးနွဳန္းအမ်ားၾကီးရွိပါတယ္
  ( parentheses )
  [ brackets ]
  { braces }

 ဥပမာ
 if ( a<50 ) {
 //ဒါကိုလုပ္ပါ
 }
 တစ္ကယ္လို႔ a တန္ဖိုးက 50 ေအာက္ဆိုရင္ ေအာက္က braces {} ထဲမွာသတ္မွတ္ထားတဲ႔ code ကိုအလုပ္လုပ္ပါ
 လိုဆိုလိုပါတယ္

  {
  //code ေရးရန္
  }
  အဲဒါကိုေတာ႔ code block လို႔ေခၚပါတယ္
 
  ကဲ႔ firebug ဖြင္႔ျပီး ေအာက္ကကုတ္ေလးကို run ၾကည္႔ပါဦး
 var myMoney=200;
var eatingPrice=500;

if( myMoney < eatingPrice )
{
    alert("Hey cyberoot ,Do you hungry");
}

The Output is

Condition code ကိုနည္းနည္းေလးဆရာက်တဲ႔နည္းနဲ႔ရွဳပ္ေအာင္ေရးၾကည္႔မယ္
if (             ) {
//code ေရးရန္
//..
}else {
//ဒါမဟုတ္ရင္ အျခားကုတ္ေရး
    if (        ) {
    //nested if
    }
}

ျပီးေတာ႔ loops ေတြကိုအလုပ္လုပ္ၾကည္႔ရေအာင္
loop ေတြမသံုးရင္ကၽြန္ေတာ္တို႔က statement ေတြအမ်ားၾကီးရွိတယ္ဆိုရင္အမ်ားၾကီးေရးရမွာေပါ႔

statement 1
statement 2

statement 1
statement 2

statement 1
statement 2
ဒီလိုမ်ိဳးအမ်ားၾကီးေရးမယ္ဆိုရင္ျပီးေတာ႔မွာမဟုတ္ပါဘူး ဒီေတာ႔ loop ကိုသံုးျပီးေရးရေအာင္
ပထမဆံုးက while loop အေၾကာင္းေျပာမယ္
 var a=1;
 if ( a < 10 ) {
 console.log(a);
 }
 ဒါကေစာေစာကေရးျပခဲ႔တဲ႔ condition statement ေလးပါ တစ္ၾကိမ္ပဲ႔အလုပ္လုပ္မွာေပါ႔
 a တန္ဖိုးက 10 ထက္ငယ္မယ္ဆိုရင္ a တန္ဖုိးကို console မွာျပေပးမွာေပါ႔
 ကၽြန္ေတာ္ကအဲလိုမလုပ္ခ်င္ဘူး  တန္ဖိုးေတြအမ်ားၾကီးလိုခ်င္တယ္ဗ်ာ
 ဒီေတာ႔ ဒီလိုေရးၾကည္႔မယ္ while loop နဲ႔စမ္းေရးမယ္
 var a=1;
 while ( a <10 ) {
 console.log(a);
 }
 ဟီး အဲဒီအတိုင္းသြား မ run လိုက္နဲ႔ browser ၾကီး ေမာသြားလိမ္႔မယ္
 loop ပတ္တာျပီးေတာ႔မွာမဟုတ္ဘူး infinite loop ျဖစ္ေနလို႔ နမူနာေရးျပတာ

 ဒီေတာ႔ ဒီလိုအျဖစ္ေတြကိုေျဖရွင္းဖို႔ အတြက္ ကၽြန္ေတာ္တို႔က ++ ဆိုတဲ႔ operator ကိုသံုးမယ္ဗ်ာ
 ဘာလို႔လဲဆိုေတာ႔ a တန္ဖိုးကို 10 ထက္ၾကီးရင္အလုပ္လုပ္တာရပ္ေအာင္ပါ
 ဒီေတာ႔ while loop ကိုသံုးမယ္ဆိုရင္ေတာ႔ ++ နဲ႔အတူတူအလုပ္လုပ္မယ္ဆိုတာမွတ္ထားပါ
 ျပန္ေရးၾကည္႔မယ္
 var a=1;
 while ( a< 10) {
 console.log(a);
 a++;
 }
 ဒါဆို Output က

ေနာက္တစ္ခုက do while loop
var a=1;
do{
console.log(a);
a++;
}
while(a<10);

The Output is

do while loop ကေတာ႔ အနည္းဆံုးတစ္ၾကိမ္႔ေတာ႔အလုပ္လုပ္ပါတယ္
ေနာက္တစ္ခုက for loop
var i=1;        //index ကို 1 လိုသတ္မွတ္ထားတာပါ
while ( i <10)  //condition ကိုစစ္ေဆးထားတာပါ
{
//အလုပ္လုပ္မယ္႔ code
//အလုပ္လုပ္မယ္႔ code
//အလုပ္လုပ္မယ္႔ code ေရးရန္
i++;
}
ဒီလိုေရးတာသိပ္မၾကိက္ဘူး variable ေတြကိုအေပၚမွာေၾကျငာေနရတယ္
ေနာက္တစ္နည္းနဲ႔ေရးၾကည္႔မယ္
for ( var i=1; i < 10 ; i++) {
//အလုပ္လုပ္မယ္႔ code ေရးရန္
}
ဒီလိုေရးတာက ပိုျပီး အသံုးမ်ားတာကိုေတြ႔ရပါတယ္
ကိုယ္နားလည္သလိုေရးပါ အဆင္ေျပရင္ျပီးေတာ႔ ရွင္းလင္းျပီးတိိက်ရင္ေတာ႔ပိုေကာင္းတာေပါ႔
အေပၚကေရးထားတာကိုနည္းနည္းေလးေဖာဦးမယ္
var i=1;  //index ကိုသတ္မွတ္ထားတယ္
i < 10 ; //condition စစ္ထားတယ္
i++  //index value ကို တိုးထားပါတယ္

၀ူးကုန္နိုင္ဘူး
ေနာက္တစ္ခုလာျပန္ျပီ break တဲ႔
for (var i =1 ; i <10 ; i++ ) {
    //code ေရးရန္
    if ( i ==5) {
    break;
    }
    //code ေရးရန္
}
break ဆိုတာ loop ကေနထြက္သြားတာကိုေျပာတာပါ
ဒီလိုမ်ိဳးျဖစ္သြားမွာေပါ႔

တစ္ခါတစ္ေလ associated question ေတြေမးသင္႔ပါတယ္ဘယ္လိုမ်ိဳးလဲဆိုေတာ႔
break ဆိုတာရွိရင္ continue ဆိုတာမရွိဘူးလား ဆိုတဲ႔ေမးခြန္းမ်ိဳးပါ
ဟုတ္ကဲ႔ ကိုၾကီးဆိုက္ဘာရု ရွိပါတယ္ ဒါဆိုဘယ္လိုမ်ိဳးလဲဆိုတာတားကိုေျပာျပပါလား
အင္းေကာင္းျပီ ငါသိတဲ႔ continue ဆိုုတာက engilsh လိုဆိုဆက္လုပ္ တဲ႔  ဟီး
စာကိုေျပာတာ  ထမင္းမစားရတာၾကာလို႔လားမသိဘူးနည္းနည္းေဂါက္ခ်င္ေနျပီ

Continue
for ( var i=1; i < 10 ; i++) {
//code ေရးရန္
 if ( i % 5 == 0 ) {
    continue;     //
 }
//ဒုတိယ ဆက္လုပ္မယ္႔ code ကိုေရးရန္
}

The Output is

ဆိုလိုတာကဗ်ာ continue ကိုေရာက္တာနဲ႔ေအာက္ကကုတ္ကိုအလုပ္မလုပ္ပဲ႔ အေပၚကိုဆက္တက္ျပီးဆက္လုပ္တဲ႔ အဓိပါယ္ပါ
ေနာက္မွဆက္ေျပတာေပါ႔
Written by cyberoot
cyberoot.blogspot.com
cyberoot1@gmail.com
Life is too bad for me :( but i like the challenge (^_^)