자바스크립트의 if 조건문은 조건식이 참일 때 if 문 내부의 코드가 실행된다. 다른 프로그래밍 언어들과 사용법은 동일하며 비교연산자와 논리연산자와 함께 사용이 가능하다. if 조건문과 함께 별도로 사용할 수 있는 것이 Boolean 함수로 이 함수는 조건식에 대한 참과 거짓을 결과로 보여준다.
자바스크립트 if 조건문 사용
using javascript if condition Statement
조건문은 어떤 프로그래밍 언어든 존재한다. 자바스크립트도 if 조건문을 사용할 수 있으며 다른 프로그래밍 언어와 사용법은 동일하다.
if 조건문에 조건식을 넣어주고 특정 값에 대한 조건을 비교한다.
당연히 조건에 대한 결과과 참 ( true ) 라면 코드를 실행한다.
그렇지 않으면 실행을 하지 않고 if 조건문을 빠져나간다.
자바스크립트 if 조건문 문법
자바스크립트에서 if 조건문을 사용하기 전에 문법을 익혀본다.
굳이 익힌다고 하기 보다는 다른 언어들과도 사용법이 같기 때문에 금방 익숙해 질 수 있다.
조건식은 비교연산자와 논리연산자를 사용하여 만들면 된다.
아래는 if 조건문에 대한 문법을 설명한다.
조건문의 결과가 참 ( true ) 라면 조건문 내부의 코드가 실행된다.
if ( 조건문 ) {
// 조건문이 참일 경우 코드 실행
}샘플코드
자바스크립트의 if 조건문에 대한 예제를 만들어 본다.
이전에 사용한 Boolean 함수를 사용하여 조건문을 구성해 볼 것이다. 굳이 Boolean 함수를 사용하지 않아도 크게 상관은 없다. 다만 조건문의 길이가 길어지는게 싫은 본인의 취향이다.
<!DOCTYPE html>
<html>
<body>
<script>
console.log('----------');
let vA = 10;
let vB = 100;
let _isTrue = true;
console.log("vA 가 %s 이고, vB 가 %s 일때 비교 ", vA, vB);
console.log('----------');
_isTrue = Boolean(vA > 50 && 50 > vB);
if (_isTrue) {
console.log("vA > 50 && 50 > vB : %s", _isTrue);
}
_isTrue = Boolean(vA > 50 || 50 > vB);
if (_isTrue) {
console.log("vA > 50 || 50 > vB : %s", _isTrue);
}
_isTrue = Boolean(vA == vB);
if (_isTrue) {
console.log("(vA == vB) : %s", _isTrue);
}
_isTrue = Boolean(!(vA == vB));
if (_isTrue) {
console.log("!(vA == vB) : %s", _isTrue);
}
_isTrue = Boolean(vA != vB);
if (_isTrue) {
console.log("(vA != vB) : %s", _isTrue);
}
_isTrue = Boolean(!(vA != vB));
if (_isTrue) {
console.log("!(vA != vB) : %s", _isTrue);
}
console.log('----------');
</script>
</body>
</html>코드가 길어보이지만 조건문만 살펴보면 된다.
Boolean 함수로 참 거짓의 결과를 조건식으로 if 조건문에 넣었다.
if 조건문의 Boolean 결과값이 참이라면 if 문 내부의 코드가 실행될 것이다.
결과 화면을 보자.
기껏 길게 작성한 코드중 단 2개의 조건만이 참 ( true ) 임을 알 수 있다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 조건문 else if 조건 여러개 사용 방법 using javascript conditon else if statement (0) | 2022.04.17 |
|---|---|
| 자바스크립트 if else 조건 사용 방법 using javascript if else statement (0) | 2022.04.15 |
| 자바스크립트 삼항연산자 사용 using javascript ternary operator (0) | 2022.04.09 |
| 자바스크립트 논리연산자의 사용 using javascript logical operators (0) | 2022.04.06 |
| 자바스크립트 비교연산자 종류와 사용 javascript comparison operators (0) | 2022.04.04 |
댓글