>  기사  >  웹 프론트엔드  >  JavaScript의 세 가지 유형의 조건문은 무엇입니까?

JavaScript의 세 가지 유형의 조건문은 무엇입니까?

青灯夜游
青灯夜游원래의
2022-01-26 17:02:395057검색

JavaScript의 세 가지 유형의 조건문: 1. "if else" 문, 구문 "if (condition) {...}else{...}"; 2. "switch...case" 문; 세 가지 메타 연산 문, 구문 "조건식? Expression1 : Expression2 ;".

JavaScript의 세 가지 유형의 조건문은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

조건 판단문은 프로그램 개발 과정에서 자주 사용되는 명령문 형식입니다. 대부분의 프로그래밍 언어와 마찬가지로 JavaScript에도 조건 판단문이 있습니다. 소위 조건부 판단이란 연령에 따라 다른 내용을 표시하고 부울 값인 참 또는 거짓에 따라 작업의 성공 여부를 판단하는 등 다양한 조건에 따라 다른 작업을 수행하는 프로그램을 말합니다.

1. if-else 문

1. 문법

if-else 구문은 세 가지 유형으로 나뉩니다.

(1) if 문

if(条件){ 条件为true时执行代码 }

(2) if else 문; ) if else if else 문

if(条件){ 条件为true时执行的代码 } else { 条件为false时执行的代码 }

예제

if(条件1){ 条件1为true时执行的代码 } esle if (条件2){ 条件1false条件2true } else { 都false }

출력 결과는

JavaScript의 세 가지 유형의 조건문은 무엇입니까? 2. switch...case 문

1. 작동 원리

먼저 표현식 n(일반적으로 변수)을 설정합니다. 그런 다음 표현식의 값을 구조의 각 케이스 값과 비교합니다. 일치하는 항목이 있으면 해당 사례와 관련된 코드 블록이 실행됩니다.

코드가 다음 케이스로 자동 실행되는 것을 방지하려면 break를 사용하세요.

Example

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>IfElse</title>
</head>
<body>

<script type="text/javascript">
     var myage = 10;
    //第一种语法
    if (myage > 5){
        document.writeln("你的年龄大于5岁");
    }
    //第二种语法
    if (myage > 15){
        document.writeln("你的年龄大于15岁");
    }
    else {
        document.writeln("你的年龄小于15岁");
    }
    //第三种语法
    if (myage > 5){
        document.writeln("你的年龄大于5岁");
     }
    else if(myage < 15 ){
         document.writeln("你的年龄大于15小于5岁");
     }
    else {
        document.writeln("你的年龄大于等于15岁")
    }
</script>

</body>
</html>
출력 결과는


3. 삼항 연산자JavaScript의 세 가지 유형의 조건문은 무엇입니까?

삼항 연산자(조건 연산자라고도 함)는 물음표와 콜론, 구문으로 구성됩니다.
switch( 表达式 n ){
case 1 : 执行代码块 1; break;
case 2 : 执行代码块 2 ; break;
default: 与 case 1 和 case 2 不同时执行的代码
}
b 피연산자는 부울 표현식이어야 하며, x와 y는 모든 유형의 값입니다.

피연산자 b의 반환 값이 true이면 피연산자 x가 실행되고 표현식의 값이 반환됩니다.

  • 피연산자 b의 반환 값이 false이면 피연산자 y가 실행되고 표현식의 값이 반환됩니다.

  • 예:

변수 a를 정의한 다음 a에 값이 할당되었는지 확인하고 할당된 경우 해당 값을 사용하고, 그렇지 않으면 기본값을 설정합니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Switch</title>
</head>
<body>

<script type="text/javascript">
    var flag = 2;
    switch (flag) {
        case 1:document.write("纷纷扰扰这个世界,所有的了解。");break;
        case 2:document.write("只要让我留在你身边。");break;
        default:break;
    }
</script>

</body>
</html>
조건 연산자는 조건 구조로 변환될 수 있습니다:

b ? x : y

또는 논리 표현식으로 변환될 수 있습니다:

var a = null;  //定义变量a
typeof a != "undefined" ? a = a : a = 0;  //检测变量a是否赋值,否则设置默认值
console.log(a);  //显示变量a的值,返回null

위 표현식에서 a에 값이 할당된 경우 (a = a) 표현식 논리 OR 연산자 다음의 (a = 0) 표현식은 더 이상 실행되지 않습니다. a에 값이 할당되지 않으면 논리 AND 연산자 다음의 (a = a) 표현식이 더 이상 실행되지 않습니다. 대신 논리 OR 연산자 뒤에 오는 표현식이 실행됩니다.

참고:

실제 전투에서는 잘못된 값의 간섭을 고려해야 합니다. 감지를 위해 typeof a != "undefine" 을 사용하면 변수에 false, null, "", NaN 등과 같은 잘못된 값이 할당될 때 값 없음 할당으로 오해되는 것을 방지할 수 있습니다. 【관련 권장 사항:

javascript 학습 튜토리얼

위 내용은 JavaScript의 세 가지 유형의 조건문은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.