JavaScript if/else sætning

Definition og brug

If/else-sætningen udfører en kodeblok, når den specifikke betingelse er sand. Hvis betingelsen er falsk, kan en anden kodeblok udføres.

If/else-sætningen er en del af JavaScripts "betingede" sætninger, der bruges til at udføre forskellige operationer afhængigt af forskellige betingelser.

I JavaScript har vi følgende betingelsesudtryk:

  • Brug if til at specificere den kodeblok, der skal køres, hvis den specifikke betingelse er sand
  • Brug else til at specificere den kodeblok, der skal køres, hvis den samme betingelse er falsk
  • Brug else if til at specificere en ny betingelse at teste, hvis den første betingelse er falsk
  • Brug switch til at vælge én af flere kodeblokke, der skal køres

Example

Hvis den aktuelle tid (HOUR) er mindre end 20:00, vises "God dag" i elementet med id="demo":

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

try it yourself

Der er flere TIY-eksempler nedenfor på siden.

Syntaks

If-sætningen specificerer, hvilken kodeblok der skal køres, når betingelsen er sand:

if (condition) {
  // kodeblok, der skal udføres, hvis betingelse er sand
}

else sætningen angiver kodeblokken, der skal udføres, når betingelsen er falsk:

if (condition) {
  // kodeblok, der skal udføres, hvis betingelse er sand
} else { 
  // kodeblok, der skal udføres, hvis betingelse er falsk
}

Hvis den første betingelse er falsk, angiver else if-sætningen en ny betingelse:

if (condition1) {
  // kodeblok, der skal udføres, hvis betingelse1 er sand
} else if (condition2) {
  // kodeblok, der skal udføres, hvis betingelse1 er falsk og betingelse2 er sand
} else {
  // kodeblok, der skal udføres, hvis betingelse1 er falsk og betingelse2 er falsk
}

Parameter værdi

Parameter Beskrivelse
condition Obligatorisk. En udtryk, der returnerer true eller false.

Tekniske detaljer

JavaScript version: ECMAScript 1

Flere eksempler

Example

Hvis tiden er mindre end 20:00, opret en "Good day"-hilsen, ellers opret en "Good evening":

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

try it yourself

Example

Hvis tiden er mindre end 10:00, opret en "Good morning"-hilsen, hvis ikke, men tiden er mindre end 20:00, opret en "Good day"-hilsen, ellers opret en "Good evening":

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

try it yourself

Example

Hvis den første <div>-elementets id er "myDIV" i dokumentet, ændr dens skriftstørrelse:

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

try it yourself

Example

When the user clicks the image, change the value of the source attribute (src) of the <img> element:

<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>

try it yourself

Example

Display messages based on user input:

var letter = document.getElementById("myInput").value;
var text;
// If the letter is "c"
if (letter === "c") {
  text = "Spot on! Good job!";
// If the letter is "b" or "d"
} else if (letter === "b" || letter === "d") {
  text = "Close, but not close enough.";
// If it is another letter
} else {
  text = "Waaay off..";
}

try it yourself

Example

Verify input data:

var x, text;
// Get the value of the input field with id="numb"
x = document.getElementById("numb").value;
// If x is not a number or less than 1 or greater than 10, output "input is not valid"
// If x is a number between 1 and 10, output "Input OK"
if (isNaN(x) || x < 1 || x > 10) {
  text = "Input not valid";
} else {
  text = "Input OK";
}

try it yourself

browser supports

语句 Chrome IE Firefox Safari Opera
if/else Support Support Support Support Support

Relaterede sider

JavaScript tutorial:JavaScript If...Else sætning

JavaScript tutorial:JavaScript Switch sætning