>  기사  >  웹 프론트엔드  >  자바스크립트에서 if 문을 사용하는 방법

자바스크립트에서 if 문을 사용하는 방법

青灯夜游
青灯夜游원래의
2022-02-16 15:37:3616834검색

자바스크립트에서는 if 문을 사용하여 다양한 조건에 따라 다양한 연산을 수행합니다. 구문은 "if(조건식) {//실행할 코드;}" 또는 "if(조건식) { // when 코드입니다. 식이 참일 때 실행될 코드}else{//식이 참이 아닐 때 실행될 코드}".

자바스크립트에서 if 문을 사용하는 방법

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

JavaScript에서 if 문은 다양한 조건에 따라 다양한 작업을 수행하는 데 사용됩니다.

if 문에는 세 가지 형식이 있습니다.

  • if else 문;

  • if else if else 문

  • if 문은 JavaScript에 있습니다. 가장 간단한 조건부 판단문, 구문 형식은 다음과 같습니다.

    if(条件表达式){
        // 要执行的代码;
    }

    조건식이 성립하면, 즉 결과가 부울 값이 true이면 { } 안의 코드가 실행됩니다.
샘플 코드는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var age = 20;
        if(age >= 18){      // 如果 age >= 18 的结果为 true,则执行下面 { } 中的代码
            alert("adult");
        }
    </script>
</body>
</html>
실행 결과는 아래와 같습니다.

if else 문

if else 문은 if 문의 업그레이드 버전입니다. 표현식이 참일 때 실행됩니다. 코드, 표현식이 성립하지 않을 때 실행할 코드를 지정할 수도 있습니다. 구문 형식은 다음과 같습니다.

if(条件表达式){
    // 当表达式成立时要执行的代码
}else{
    // 当表达式不成立时要执行的代码
}

샘플 코드는 다음과 같습니다. 자바스크립트에서 if 문을 사용하는 방법

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var now = new Date();           // 获取当前的完整日期
        var dayOfWeek = now.getDay();   // 获取一个 0-6 之间的数字,用来表示当前是星期几,0 表示星期日、1 表示星期一、以此类推
        if (dayOfWeek > 0 && dayOfWeek < 6) {       // 判断:如果当前是星期一到星期五中的一天,则输出“Have a nice day!”,若不是则输出“Have a nice weekend!”
            alert("Have a nice day!");
        } else {
            alert("Have a nice weekend!");
        }
    </script>
</body>
</html>

실행 결과는 다음과 같습니다. 아래에 표시됩니다.

if else if else 문

if 및 if else 문에는 모두 하나의 조건식이 있으며 if else if else 문은 if else if else 문이 허용하는 고급 형식입니다. 여러 조건식을 정의하고 해당 표현식의 결과에 따라 해당 작업을 실행할 수 있습니다. 코드 구문 형식은 다음과 같습니다.

if (条件表达式 1) {
    // 条件表达式 1 为真时执行的代码
} else if (条件表达式 2) {
    // 条件表达式 2 为真时执行的代码
}
...
  else if (条件表达式N) {
    // 条件表达式 N 为真时执行的代码
} else {
    // 所有条件表达式都为假时要执行的代码
}

팁: if else if else 문을 실행하는 동안 설정된 조건이 발견되면 표현식의 경우, { } 안의 코드가 즉시 실행되고, 이후 전체 if else if else 문이 실행되며, 후속 코드에 유효한 조건식이 있으면 실행되지 않습니다. 자바스크립트에서 if 문을 사용하는 방법

샘플 코드는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script type="text/javascript">
        var now = new Date();           // 获取当前的完整日期
        var dayOfWeek = now.getDay();   // 获取一个 0-6 之间的数字,用来表示当前是星期几,0 表示星期日、1 表示星期一、以此类推
        if(dayOfWeek == 0) {            // 判断当前是星期几
            alert("星期日")
        } else if(dayOfWeek == 1) {
            alert("星期一")
        } else if(dayOfWeek == 2) {
            alert("星期二")
        } else if(dayOfWeek == 3) {
            alert("星期三")
        } else if(dayOfWeek == 4) {
            alert("星期四")
        } else if(dayOfWeek == 5) {
            alert("星期五")
        } else {
            alert("星期六")
        }
    </script>
</body>
</html>
실행 결과는 아래와 같습니다.

Notes

nested if else를 사용할 때 명령문이 한 줄만 있는 경우에도 래핑해야 합니다. 조건 모호함을 피하기 위해 중괄호로 묶습니다.

예를 들어, 다음 중첩된 if else는 쉽게 오해를 유발할 수 있습니다. 자바스크립트에서 if 문을 사용하는 방법

if(0)
    if(1)
        console.log(1);
else
    console.log(0);

위 코드의 경우 JavaScript 인터프리터는 근접 원칙에 따라 다음과 같은 논리 수준에 따라 해석합니다.

if(0)
    if(1)
        console.log(1);
    else
        console.log(0);
그래서 중괄호를 사용하면 많은 문제 방지:
if(0){
    if(1) console.log(1);
}else{
    console.log(0);
}

【관련 권장 사항:

javascript 학습 튜토리얼

위 내용은 자바스크립트에서 if 문을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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