자바스크립트 if…else 문은 조건이 참인지 거짓인지 평가합니다. 조건 실행되고 if 블록 내의 코드가 실행됩니다. 그렇지 않으면 else 블록의 내용이 실행됩니다. Else…if 문을 사용하면 여러 조건을 평가할 수 있습니다.
특정 요인에 따라 다른 코드 블록을 실행해야 하는 경우가 있습니다.
여기에서 조건문이 필요합니다. 조건문은 모든 프로그래밍 언어에서 중요한 부분입니다. 특정 조건이 충족되면 코드 블록을 실행합니다.
이 튜토리얼에서는 if…else를 사용하는 방법을 살펴보겠습니다. 코드의 문.
조건문 새로고침
논의한 바와 같이 조건문은 모든 프로그래밍 언어의 중요한 부분입니다. 특정 조건이 충족되면 조건문을 사용하여 코드를 실행해야 합니다. 다음은 조건문을 사용하는 것이 유용한 몇 가지 시나리오입니다.
- 사용자의 비밀번호가 파일에 있는 비밀번호와 일치하는지 확인하세요.
- 사용자가 특정 이메일 주소에 등록된 계정이 있는지 확인합니다.
- 모든 필드가 채워진 경우 양식을 제출하십시오.
- 사용자가 로그인한 경우 휴일 할인 목록을 표시합니다.
이 모든 예의 핵심은 if라는 단어를 사용한다는 것입니다. . 어떤 일이 일어나면 다른 일이 일어나야 합니다. JavaScript에서 이와 동일한 논리를 어떻게 사용할 수 있는지 살펴보겠습니다.
자바스크립트 if 문
자바스크립트 If 문장은 문장이 참인지 거짓인지를 평가합니다. if 문은 문이 참인 경우에만 실행됩니다. 문이 거짓이면 아무 일도 일어나지 않습니다.
만약 문은 if를 사용합니다. 예어. if 문 다음에 일반 대괄호 안에 조건(또는 조건 세트)을 지정해야 합니다. if 및 else 문의 내용은 중괄호 안에 표시됩니다.
참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.
다음은 JavaScript의 if 문의 구문입니다.
if (ourConditions) {
// The code that will execute if ourConditions are true
} if 문 자바스크립트 예제
if 행동의 진술. 우리는 전자 상거래 사이트를 구축 중이며 구매하기 전에 사용자가 16세 이상인지 확인해야 합니다. 다음은 사용자가 매장에서 항목을 구매하도록 허용하기 전에 사용자의 연령을 확인하는 방법의 예입니다.
const userAge = 15;
if (userAge < 16) {
console.log("You are not old enough to make a purchase!");
} 코드는 다음을 반환합니다.
You are not old enough to make a purchase!
보다 작음 연산자를 사용하여 사용자의 나이가 16세 미만인지 확인합니다. 사용자는 15세이므로 userAge <16 사실이다. if 내의 코드 문이 실행됩니다.
하지만 사용자의 나이가 16세라면 어떻게 될까요? 이 경우 userAge <16 때문에 코드는 아무 것도 반환하지 않습니다. 거짓일 것입니다. if 내의 코드 문은 무시됩니다. 우리 프로그램은 계속 운영될 것입니다.
자바스크립트 if…else 문
JavaScript if…else 문은 조건이 true인지 여부를 평가합니다. 조건이 거짓이면 else 문이 실행됩니다. 그렇지 않으면 "if" 문의 내용이 실행됩니다.
if…else 문의 구문은 다음과 같습니다.
if (ourCondition) {
// Code will execute if the condition is true
} else {
// Code will execute if the condition is false
} else 문은 문의 모든 if 조건 뒤에 나타납니다. if 문에는 else 문 하나만 나타날 수 있습니다.
JavaScript true 및 false에 대해 자세히 알아보려면 JavaScript Booleans 가이드를 읽어보세요.
if…else 자바스크립트 예제
사용자의 나이를 확인하는 if 문 토론에서 동일한 예를 사용하겠습니다. 기타를 추가할 것입니다. 사용자에게 구매가 진행 중임을 알리는 설명입니다.
const userAge = 17;
if (userAge < 16) {
console.log("You are not old enough to make a purchase!");
} else {
console.log("Your purchase is being processed.");
}
코드는 다음을 반환합니다.
Your purchase is being processed.
사용자의 나이를 추적하는 "age"라는 JavaScript 변수를 선언합니다. 사용자가 16세 이상이므로 코드는 if 명령문 및 else 실행 절. 사용자 연령이 12세라면 else 내의 코드 절이 실행되지 않습니다.
Else 문은 다양한 컨텍스트에서 유용할 수 있습니다. 예를 들어, 오류가 발생하면 else 문을 사용하여 오류를 처리할 수 있습니다. 또는 else 문을 사용하여 양식의 내용을 확인할 수 있습니다. 사용자가 실수를 하거나 양식을 작성하지 않은 경우 메시지를 표시할 수 있습니다.
자바스크립트 else…if 문
JavaScript else…if 문은 여러 조건 중 하나가 참인지 여부를 평가합니다. 각 if…else 문은 새 조건을 평가합니다. 조건이 충족되지 않으면 아무 일도 일어나지 않습니다.
다음은 여러 else…if 문을 사용하는 구문입니다.
if (condition one) {
// Code will run if condition one is true
} else if (condition two) {
// Code will run if condition two is true
} else {
// Code will run if all the above conditions are false
}
우리 프로그램은 조건 1부터 모든 명령문을 순서대로 실행하고 명령문 중 어느 것도 참이 아닌 경우 else 내의 코드 블록이 실행됩니다.
else…if 문을 지정했습니다. if 문과 함께 원하는 만큼 else…if 문을 사용할 수 있습니다. 각 명령문 내에서 특정 조건이 충족되는 경우 실행할 코드를 지정해야 합니다.
else…자바스크립트의 경우
예를 들어 else…if를 설명하겠습니다. 작동 중인 조건식. 영화관을 운영 중이고 고객에게 연령에 따라 다른 가격을 제공하려고 한다고 가정해 보겠습니다. 사용하려는 가격은 다음과 같습니다.
- 10세 이하:$5.
- 11-17세:$8.
- 18-64세:$12.
- 65세 이상:$8.
다음은 고객의 연령을 확인하고 티켓에 대해 지불해야 하는 가격을 반환하는 프로그램의 예입니다.
var age = 27;
var ticketPrice = 0;
if (age <= 10) {
var ticketPrice = 5;
} else if (age >= 11 && age <= 17) {
var ticketPrice = 8;
} else if (age >= 18 && age <= 64) {
var ticketPrice = 12;
} else {
var ticketPrice = 8;
}
console.log(ticketPrice); 코드는 다음을 반환합니다. 12.
우리는 사용자의 나이가 10세와 같거나 10세 미만인지 확인합니다. 그 후 사용자가 11세에서 17세 사이인지 확인합니다. 그런 다음 사용자가 18세에서 64세 사이인지 확인합니다. 나이가 27이면 해당 블록의 코드가 실행됩니다. 따라서 티켓 가격은 $12가 됩니다.
결론
자바스크립트 다른 경우 문을 사용하면 충족되는 특정 요소에 따라 프로그램에서 어떤 코드를 실행해야 하는지 결정할 수 있습니다. 모든 프로그래밍 언어는 코드에 논리를 제공하기 위해 어느 정도 조건문을 사용합니다.
이 가이드에서는 if , 다른 경우 , 그리고 else…if 자바스크립트의 문장. 이제 전문가처럼 조건부 연산자를 사용할 준비가 되었습니다!
최고의 JavaScript 과정에 대한 더 많은 학습 리소스와 지침을 찾고 있다면 JavaScript 학습 방법 가이드를 읽어보세요.