“ 지연되는 프로젝트에 인력을 더 투입하면 오히려 더 늦어진다. ”
728x90
자바스크립트에서 조건문은 주어진 조건에 따라 코드의 실행 흐름을 결정하는 구문입니다. if문, switch문 등이 자바스크립트에서 사용되는 조건문 중 일부입니다.
자바스크립트에서 사용되는 대표적인 조건문의 형태는 다음과 같습니다.
1. if 문
2. if / else 문
3. if / else if / else 문
4. 삼항 연산자
5. switch 문
01. if문
조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다. 조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.
if (조건식) {
// 출력문
}
See the Pen if by jo0132 (@jo0132) on CodePen.
위에 구문은 처음 6을 변수에 저장하여 if문의 조건식에 충족되는 값이기 때문에 처음 출력문이 출력되었습니다.
하지만 다음 변수를 15로 다시 변경한 후 똑같은 조건식의 구문을 출력 하였을 때 조건식이 충족되지 못하여 출력문이 출력되지 못하는 것을 볼 수 있습니다 .
이처럼 if문은 조건식에 충족되지 못하면 출력이 되지 않는 조건문입니다.
또한, 각각 조건식에 들어가면 true/false로 값이 나뉘는 데이터형이 있습니다.
false : 0, null, undefined, false, ""(빈문자열) // false
true : 1, 2, 3, "0", "1", "abc", [], {}, true // 0을 제외한 숫자와 문자, 배열, 객체
2. if / else 문
조건이 참인 경우 한 코드 블록을 실행하고 조건이 거짓인 경우 다른 코드 블록을 실행하는데 사용됩니다.
if (조건식) {
// 출력문
} else {
// 출력문
}
See the Pen if else by jo0132 (@jo0132) on CodePen.
위 코드는 16으로 저장된 변수를 조건식에 넣었을때 if문의 조건식인 x <= 10의 조건을 충족하지 못하고 else문으로 넘어가 화면에 "x는 10보다 큰 수 입니다."라는 문구가 뜨게 되고 변수 x의 데이터를 8로 변경했을땐 "x는 10보다 작은 수 입니다."라는 문장이 화면에 뜨게 되어있습니다.
이처럼 if문의 조건식에 변수를 비교했을때 참이면 if문의 출력문을 실행하며 거짓이면 else의 출력문을 실행하게 되어있습니다.
03. if / else if / else 문
서로 다른 조건에 따라 서로 다른 코드 블록을 실행할 수 있게 해주는 일종의 조건문입니다. 그들은 일반적으로 일부 입력 또는 기타 요인을 기반으로 결정을 내리기 위해 프로그래밍 언어에서 사용됩니다.
if (조건식1) {
// 출력문
} else if (조건식2) {
// 출력문
} else {
// 출력문
}
See the Pen if else if else by jo0132 (@jo0132) on CodePen.
위 구문은 변수 x가 첫번째 조건을 충족하지 못하고 다음 조건식인 x < 20 인 조건식을 확인하게 됩니다.
두번째 조건식을 충족하게 되고 두번째 출력문을 실행하게 되고 "x는 10보다 작은 수 입니다."라는 문장이 화면에 뜨게 됩니다.
이처럼 if문의 조건식에 변수를 비교했을때 참이면 첫번째 조건문을 실행 되지못하면 두번째 조건문과 비교합니다. 그것도 참이 되지못하면 마지막 else문까지 가서 출력문을 실행하게 됩니다.
04. 삼항 연산자
많은 프로그래밍 언어에서 if-else 문을 작성하는 속기 방법입니다. 조건 연산자라고도 하며 물음표 기호(?)로 표시됩니다.
삼항 연산자는 조건, 조건이 참인 경우 평가할 식, 조건이 거짓인 경우 평가할 식의 세 가지 피연산자를 사용합니다. 삼항 연산자의 구문은 다음과 같습니다.
(조건식) ? 출력문(true) : 출력문(false)
See the Pen 삼항 연산자 by jo0132 (@jo0132) on CodePen.
원본에서 풀어서 작업되어 있는 방법보다 더 맣이 사용되는 방법입니다.
읽어낼때 원래 방법은 읽지 않아도 되는 else문까지 읽어서 결과를 찾아내는 반면 중간에 값을 찾아낸다면 그 즉시 읽어내는것을 멈추어 메모리 사용을 덜어줍니다. 이는 많은 소스가 사용될때 유용하게 사용됩니다.
05. switch 문
표현식의 값에 따라 다른 코드 블록을 실행하는 조건문입니다. 일반적으로 가능한 다수의 경우를 처리해야 할 때 유용합니다.
switch (변수) {
case 변수값1:
// 실행문1
break;
case 변수값2:
// 실행문2
break;
default:
// 실행문3
}
See the Pen switch by jo0132 (@jo0132) on CodePen.
switch의 값과 case의 값들을 하나씩 비교하여 일치하는 case를 실행 시켜 줍니다. switch 문은 if문과 다르게 특정 조건에 만족햇을때 스스로 멈출 수 없어서 break명령어를 주어 멈추어야합니다. default는 switch의 값과 일치하는 값이 없을때 실행 합니다.