JavaScript의 if 문 내부에 여러 조건 지정

Sahil Bhosale 2023년10월12일
  1. 논리 연산자를 사용하여 JavaScript의 if 문 안에 곱하기 조건 추가
  2. JavaScript의 if 문 내에서 AND 및 OR 연산자를 조합하여 사용
JavaScript의 if 문 내부에 여러 조건 지정

프로그래밍에서 특정 조건이 충족될 때 코드를 실행하려면 if 문을 사용합니다. 정수 배열이 있고 20이라는 숫자가 배열 내부에 있는지 여부를 확인하려고 한다고 가정해 보겠습니다. 다음과 같이 if 문 안에 조건을 추가하여 이를 수행합니다.

var arr = [5, 25, 70, 62, 20, 89];

arr.forEach(num => {
  if (num == 20) {
    // do something
  }
})

이것은 if 문 안에 하나의 조건만 추가한 예입니다. 그러나 프로덕션 준비 소프트웨어를 작성하는 동안 if 문에 여러 조건을 전달해야 하는 상황이 있습니다. 그리고 조건의 결과(true 또는 false)에 따라 적절한 코드를 실행할 수 있습니다. 이제 여러 조건을 포함하는 if 문을 작성하는 방법을 이해하겠습니다.

논리 연산자를 사용하여 JavaScript의 if 문 안에 곱하기 조건 추가

if 문 안에 다양한 조건을 추가하기 위해 논리 연산자를 사용합니다. JavaScript에는 4개의 논리 연산자가 있으며 그 중 2개의 논리 연산자 AND(&&)와 OR(||)을 사용합니다. 이 두 연산자는 if 문 내에서 서로 다른 조건을 구분하는 데 도움이 됩니다. 이러한 연산자의 작동 방식과 사용 방법을 살펴보겠습니다.

  • 그리고 (&&)

AND(&&) 연산자는 조건이 많은 경우 이러한 방식으로 작동하며 조건 중 하나라도 false이면 전체 결과는 false가 됩니다. 자세한 내용은 아래 진리표를 참조하십시오.

AND 연산자의 진리표:

A B A && B
True True True
True False False
False True False
False False False

예시:

var arr = [5, 25, 70, 62, 20, 89];

arr.forEach(num => {
  if (num == 20 && num % 2 == 0) {
    console.log(num);
  }
})

출력:

20

이 예에서 if 문 안에 두 가지 조건이 있습니다. 첫 번째 조건은 어레이의 현재 번호가 20인지 여부를 확인합니다. 조건이 유지되면 true를 반환하고 그렇지 않으면 false를 반환합니다. 두 번째 조건은 배열의 현재 개수가 짝수인지 여부를 확인합니다. 그리고 그것이 맞으면 true이고 그렇지 않으면 false가 됩니다.

이 경우 && 연산자를 사용하기 때문에 if 문 내부에 있는 두 조건 모두 if 문 내부에 들어가기 위해 유지되어야 합니다. 여기서 어레이의 숫자 20에 대해서만 숫자 2020과 같고 20%20을 출력으로 제공하므로 이 두 조건이 모두 참이 됩니다.

  • 또는 (||)

OR(||) 연산자는 조건이 많은 경우 이러한 방식으로 작동하며 조건 중 하나라도 true이면 전체 결과는 true가 됩니다.

OR 연산자의 진리표:

| A | B | A || B |
| ——- | ——- | :—–: |
| True | True | True |
| True | False | True |
| False | True | True |
| False | False| False |

예시:

var arr = [5, 25, 70, 62, 20, 89];

arr.forEach(num => {
  if (num == 20 || num % 2 == 0) {
    console.log(num);
  }
})

출력:

70
62
20

OR 연산자의 경우 AND 연산자에 대해 본 것과 동일한 예를 사용했지만 && 대신 ||를 사용했습니다. 운영자. 연산자를 변경하는 것만으로 출력이 어떻게 변경되었는지 확인하십시오. 두 번째 연산자가 70, 62, 20일 때 세 번 true가 되기 때문입니다.

JavaScript의 if 문 내에서 AND 및 OR 연산자를 조합하여 사용

if 문 내에서 이러한 연산자를 조합하여 사용해야 하는 상황이 있습니다. 아래의 예는 같은 것을 보여줍니다.

var arr = [5, 25, 70, 62, 20, 89];

arr.forEach(num => {
  if ((num != 20 && num % 2 == 0) || (num > 50) && (num < 100)) {
    console.log(num);
  }
})

출력:

70
62
89

여기 if 문 안에 세 가지 조건이 있습니다. 첫 번째 조건은 그 자체로 두 가지 조건의 조합입니다. 첫 번째 조건이 true가 되려면 && 연산자가 있으므로 내부 두 조건 num != 20num%2 == 0도 참이어야 합니다. 그런 다음 숫자가 50보다 큰지 여부를 확인하는 두 번째 조건이 있습니다. 그리고 세 번째 조건은 숫자가 100보다 작은지 여부를 확인하는 것입니다.

|| 첫 번째와 두 번째 조건 사이의 연산자와 두 번째와 세 번째 조건 사이의 && 연산자. 연산자의 우선순위에 따르면 && 연산자는 ||보다 우선순위가 높습니다. 운영자. 따라서 두 번째 및 세 번째 조건이 먼저 평가된 다음 이 결과가 첫 번째 조건으로 평가됩니다. 연산자 우선 순위에 대해 자세히 알아보려면 이 MDN 문서를 방문하세요.

하나의 if 문을 사용하는 것 외에도 if 및 else if 문을 사용할 수도 있습니다. 이를 통해 각각 다른 조건을 가진 여러 if 문을 추가할 수 있으며 이러한 각 코드 블록은 다른 코드를 실행할 수 있습니다. 아래 코드 스니펫은 이를 보여줍니다.

var arr = [5, 25, 70, 62, 20, 89];

arr.forEach(num => {
  if ((num > 50) && (num < 100)) {
    console.log('The number is in the range of 20 to 100.');
  } else if (num != 20 && num % 2 == 0) {
    console.log('The number 20 is divisible by 2.')
  } else if ((num < 50) || (num == 5)) {
    console.log('The number is less than 50.')
  }
})

출력:

The number is less than 50.
The number is less than 50.
The number is in the range of 20 to 100.
The number is in the range of 20 to 100.
The number is less than 50.
The number is in the range of 20 to 100.

여기에 if 및 다양한 else if 문을 추가했으며 각각에는 여러 조건이 포함되어 있습니다. 이제 배열 내부에 있는 숫자에 따라 세 가지 조건 중 하나가 충족되고 해당 특정 코드 블록 내부의 코드가 실행됩니다.

Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn