English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript if...else 문장

 JavaScript 문장과 변수 선언

if... else문장은 다른 조건에 따라 다른 작업을 수행하는 JavaScript 조건 문장 중 하나입니다.

JavaScript에서는 다음과 같은 조건 문장을 가지고 있습니다:

  • if지정된 조건이 true인 경우 사용if실행할 코드 블록을 지정합니다

  • 동일한 조건이 false인 경우 사용else실행할 코드 블록을 지정합니다

  • 첫 번째 조건이 false인 경우 사용else if새로운 조건을 테스트할 것을 지정합니다

  • 사용switch실행할 여러 코드 블록 중 하나를 선택합니다

문법:

if조건이 true인 경우if실행할 코드 블록을 지정하는 문장:

if (condition) {
 //조건이 true인 경우 실행되는 코드 블록
}

else첫 번째 조건이 false인 경우 실행되는 코드 블록을 지정하는 문장:

if (condition) {
    //조건이 true인 경우 실행되는 코드 블록
}
   //조건이 false인 경우 실행되는 코드 블록
}

eelse if문장은 첫 번째 조건이 false인 경우 새로운 조건을 지정합니다:

if (condition1) {
   //조건이1true인 경우 실행되는 코드 블록
} else if (condition2) {
   //조건이1조건이 거짓이면2true인 경우 실행되는 코드 블록
}
   //조건이1과 조건2false인 경우 실행되는 코드 블록
}
var x = -4;
if (x < 0) {
   document.getElementById("result").innerHTML = "NEGATIVE";
}
테스트를 보세요‹/›

브라우저 호환성

모든 브라우저가 완전히 지원하는 if ... else 문장:

문장
if...else

파라미터 값

파라미터설명
conditiontrue 또는 false 값을 반환하는 표현식

기술 세부 사항

JavaScript 버전:ECMAScript 1

更多实例

如果变量x的值小于0,则输出“ NEGATIVE”,否则输出“ POSITIVE”:

var x = -4;
if (x < 0) {
   msg = "NEGATIVE";
}
   msg = "POSITIVE";   
}
테스트를 보세요‹/›

如果x等于10,则写“ x为10”,如果不等于,但x等于20,则写“ x为20”,否则写为“ x不存在”:

var x = 20;
if (x == 10) {
   document.write("x 为 10;
} 20) {
   document.write("x 为 20");
}
   document.write("x不存在");
}
테스트를 보세요‹/›

您可以使用多个else if语句:

// 设置学生的当前成绩
var grade = 88;
//检查成绩是否为A,B,C,D或F
if (grade >= 90) {
   document.write("A");
} else if (grade >= 80) {
   document.write("B");
} else if (grade >= 70) {
   document.write("C");
} else if (grade >= 60) {
   document.write("D");
}
   document.write("F");
}
테스트를 보세요‹/›

您可以编写不带花括号的单行语句:

var x = -4;
if (x < 0)
   msg = "NEGATIVE";
else
   msg = "POSITIVE";
테스트를 보세요‹/›

如果用户单击图像,请更改图像的src属性的值:

<img id="demo" onclick="changeImage()" src="avatar-female.jpg">
<script>
function changeImage() {
   var image = document.getElementById("demo");
   if (image.src.match("female")) {
   image.src = "avatar-male.jpg";
   }
   image.src = "avatar-female.jpg";
   }
}
</script>
테스트를 보세요‹/›

使用if ... else语句验证输入数据:

function myFunc(x) {
   var text;
//如果x不是一个数字,或者小于10,或者大于20,输出“Input not valid”
//如果x是10到2之间的数字,则输出“Input OK”
   if (isNaN(x) || x < 10 || x > 20) {
  text = "Input not valid";
   }
  text = "Input OK";
   }
document.getElementById("result").innerHTML = text;
}
테스트를 보세요‹/›

내장 if ... else 문장:

var a = 10, b = 20, c = 30;
var answer;
if (a > b) {
   if (a > c) {
  else if (b > c) {
   }
  answer = "C는 세 가지 중 가장 위대한";
   }
}
   answer = "B는 세 가지 중 가장 위대한";
}
   answer = "C는 세 가지 중 가장 위대한";   
}
테스트를 보세요‹/›

또한 참조할 수 있습니다

JavaScript 강의:JavaScript If... Else 문장

JavaScript 강의:JavaScript switch

 JavaScript 문장과 변수 선언