JavaScript if/else စကားပြောင်းခြင်း

အသုံးပြုခြင်း နှင့် အသုံးချခြင်း

if/else စကားပြောင်းခြင်း သည် အခြေအနေ ဖြစ်ပါက လုပ်ဆောင်သင့်သည့် ကုလင်းပုံအုပ် ကို လုပ်ဆောင်တတ်သည်။ အခြေအနေ ဖြစ်ပါက လုပ်ဆောင်သင့်သည့် အခြေအနေ ကို လုပ်ဆောင်တတ်သည်

if/else စကားပြောင်းခြင်း ကို JavaScript ၏ "အခြေအနေ" အပိုင်း တစ်ခု အဖြစ် သုံးစွဲကြသည်။ အခြေအနေ ဖြစ်ပါက လုပ်ဆောင်သင့်သည့် အခြေအနေ ကို လုပ်ဆောင်တတ်သည်။ အခြေအနေ ဖြစ်ပါက လုပ်ဆောင်သင့်သည့် အခြေအနေ ကို လုပ်ဆောင်တတ်သည်

JavaScript တွင် ကျွန်ုပ်တို့ အခြေအနေ အရာများ ရှိသည်:

  • if ကို အခြေအနေ ဖြစ်ပါက လုပ်ဆောင်သင့်သည့် ကုလင်းပုံအုပ် ကို ကိုက်ခတ်တတ်သည်
  • else ကို အခြေအနေ ဖြစ်ပါက လုပ်ဆောင်သင့်သည့် ကုလင်းပုံအုပ် ကို ကိုက်ခတ်တတ်သည်
  • ပထမ အခြေအနေ အခြေအနေ ဖြစ်ပါက အခြား အခြေအနေ ကို ကိုက်ခတ်တတ်သည်
  • switch ကို လုပ်ဆောင်သင့်သည့် အခြေအနေ အုပ်စု တစ်ခု ကို ရှာဖွေတတ်သည်

ဌာန

လက်ရှိ အချိန် (HOUR) အခြေအနေ 20:00 ထက် သေးသည်ဆိုလျှင် id="demo" အခြေအနေ အရ "Good day" ကို ထုတ်ဖော်ပြတတ်သည်:

var time = new Date().getHours(); 
if (time < 20) {
  document.getElementById("demo").innerHTML = "Good day";
}

ကိုယ်တိုင် လေ့လာကြည့်ပါ

ပြုံအောက်တွင် တစ်ကြိမ်တစ်ရံ TIY အမှတ်အသားများ ရှိသည်。

အက္ခရာ

if စကားပြောင်းခြင်း အခြေအနေ ဖြစ်ပါက လုပ်ဆောင်သင့်သည့် ကုလင်းပုံအုပ် ကို ကိုက်ခတ်တတ်သည်:

if (}condition) {
  // condition အချက်အလက်တွင် true ဖြစ်ပါက လုပ်ဆောင်ရန်ရှိသော ကြော်ငြာအုပ်
}

else အချက်အလက်တွင် false ဖြစ်ပါက လုပ်ဆောင်ရန်ရှိသော ကြော်ငြာအုပ်

if (condition) {
  // condition အချက်အလက်တွင် true ဖြစ်ပါက လုပ်ဆောင်ရန်ရှိသော ကြော်ငြာအုပ်
} else { 
  // condition အချက်အလက်တွင် false ဖြစ်ပါက လုပ်ဆောင်ရန်ရှိသော ကြော်ငြာအုပ်
}

condition1 အချက်အလက်တွင် false ဖြစ်ပါက else if အချက်အလက်ကို သတ်မှတ်ပါ။

if (condition1) {
  // condition1 အချက်အလက်တွင် true ဖြစ်ပါက လုပ်ဆောင်ရန်ရှိသော ကြော်ငြာအုပ်
} else if (condition2) {
  // condition1 အချက်အလက်တွင် false ဖြစ်ပါက နှင့် condition2 အချက်အလက်တွင် true ဖြစ်ပါက လုပ်ဆောင်ရန်ရှိသော ကြော်ငြာအုပ်
} else {
  // condition1 အချက်အလက်တွင် false ဖြစ်ပါက နှင့် condition2 အချက်အလက်တွင် false ဖြစ်ပါက လုပ်ဆောင်ရန်ရှိသော ကြော်ငြာအုပ်
}

သဘောတူအရေအတွက်

သဘောတူ ဖော်ပြ
condition လိုအပ်သောအချက်

နည်းပညာရှိချက်

JavaScript မူကွဲများ ECMAScript 1

အချက်အလက်များ

ဌာန

အချိန်အား 20:00 ထက် သေးငယ်သော် "Good day" ခေါ်ဆိုမှုတစ်ခု ဖန်တီးပါ၊ သို့သော်မဟုတ် 20:00 ထက် ပိုသော် "Good evening" ခေါ်ဆိုမှုတစ်ခု ဖန်တီးပါ။

var time = new Date().getHours(); 
if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

ကိုယ်တိုင် လေ့လာကြည့်ပါ

ဌာန

အချိန်အား 10:00 ထက် သေးငယ်သော်လည်း "Good morning" ခေါ်ဆိုမှုတစ်ခု ဖန်တီးပါ၊ သို့သော်မဟုတ် 20:00 ထက် သေးငယ်သော် "Good day" ခေါ်ဆိုမှုတစ်ခု ဖန်တီးပါ၊ တကား 20:00 ထက် ပိုသော် "Good evening" ခေါ်ဆိုမှုတစ်ခု ဖန်တီးပါ။

var time = new Date().getHours(); 
if (time < 10) {
  greeting = "Good morning";
} else if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

ကိုယ်တိုင် လေ့လာကြည့်ပါ

ဌာန

ဆောင်းခုနစ်တွင်နောက်ပိုင်းတွင်ရှိသောအမည် "myDIV" ရှိသော <div> အရာတွင် စာလုံးအရွယ်ကို ပြောင်းလဲပါ။

var x = document.getElementsByTagName("DIV")[0];
if (x.id === "myDIV") {}} 
  x.style.fontSize = "30px";
}

ကိုယ်တိုင် လေ့လာကြည့်ပါ

ဌာန

အရာများ အား လွှတ်တော်မူသူ အဆိုပါ အရာ ကို စုံစမ်းပြီး သို့မဟုတ် အရာ ကို ပြောင်းလဲပါ

<img id="myImage" onclick="changeImage()" src="pic_bulboff.gif" width="100" height="180">
<script>
function changeImage() {
  var image = document.getElementById("myImage");
  if (image.src.match("bulbon")) {
    image.src = "pic_bulboff.gif";
  } else {
    image.src = "pic_bulbon.gif";
  }
}
</script>

ကိုယ်တိုင် လေ့လာကြည့်ပါ

ဌာန

အသုံးပြုသူ၏ အရာများ အားလုံး ထိုးဖော်ပြပါ

var letter = document.getElementById("myInput").value;
var text;
// အစိတ်အပြား "c"
if (letter === "c") {
  text = "Spot on! Good job!";
// အစိတ်အပြား "b" သို့မဟုတ် "d"
} else if (letter === "b" || letter === "d") {
  text = "Close, but not close enough.";
// အခြား အစိတ်အပြား
} else {
  text = "Waaay off..";
}

ကိုယ်တိုင် လေ့လာကြည့်ပါ

ဌာန

ဆက်သွယ်ထားသော အရာများ အကယ်ဒမ်းကြောင်း စစ်ဆေးပါ

var x, text;
// id="numb" အရ ဆက်သွယ်ထားသော အရာများ ကို ထုတ်ယူပါ
x = document.getElementById("numb").value;
// အက်ယ် အရာများ မဟုတ်ဘဲ သို့မဟုတ် 1 ထက်နည်းသော သို့မဟုတ် 10 ထက်အောက်သော အရာများ ဖြစ်လာကြား ဖြစ်ပါက "input is not valid" ထုတ်ရ
// အက်ယ် 1 မှ 10 အထိအရာများ ဖြစ်သော် ပြန်လည် "Input OK" ထုတ်ရ
if (isNaN(x) || x < 1 || x > 10) {
  text = "Input not valid";
} else {
  text = "Input OK";
}

ကိုယ်တိုင် လေ့လာကြည့်ပါ

ဘရူးယားသတ်မှတ်ထား

ပြောက် Chrome IE Firefox Safari Opera
if/else 支持 支持 支持 支持 支持

相关页面

JavaScript 教程：JavaScript If...Else 语句

JavaScript 教程：JavaScript Switch ကိုရိုက်