자바스크립트에서 if 문을 사용하는 방법-프런트엔드 Q&A-php.cn

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

青灯夜游

풀어 주다： 2022-02-16 15:37:36

원래의

16866명이 탐색했습니다.

자바스크립트에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!