01. if문
가장 기본적인 제어 구조 중 하나로, 조건에 따라 코드 블록을 실행하거나 건너뛸 때 사용됩니다.
{
if(1){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
}
if의 조건식이 true라면 실행되었습니다.(true)가 출력되고,
조건식이 false라면 실행되었습니다.(false)가 출력된다.
조건식의 true / false
true : true, "문자열", 1, 2, "1", "2", [], {}
false : false, 0, null, undefined, ""(빈문자열)
결과 확인하기
02. 다중 if문
다중 if문은 하나 이상의 if문을 중첩하고, 각각의 if문에서 다른 조건을 검사하는 제어 구조입니다.
다중 if문은 중첩된 if문이나 else if문을 사용하여 구성됩니다.
{
const num = 100;
if(num == 90){
document.write("실행되었습니다.(num = 90)");
} else if(num == 95){
document.write("실행되었습니다.(num = 95)");
} else if(num == 100){
document.write("실행되었습니다.(num = 100)");
} else if(num == 105){
document.write("실행되었습니다.(num = 105)");
} else {
document.write("실행되었습니다.");
}
}
if문이 여러겹으로 중첩되어 있는데, 그중에서 true인 것만 실행되는 것이므로,
else if(num == 100) 부분이 실행된다.
결과 확인하기
03. 중첩 if문
다중 if문은 하나 이상의 if문을 중첩하고, 각각의 if문에서 다른 조건을 검사하는 제어 구조입니다.
{
const num = 100;
if(num == 100){
document.write("실행되었습니다.1");
if(num == 100){
document.write("실행되었습니다.2");
if(num == 100){
document.write("실행되었습니다.3");
}
}
} else {
document.write("실행되었습니다.4");
}
}
if문이 여러겹으로 중첩 되어있는데
만약 안에 중첩되어있는 if문도 참이라면 밖에있는 if문도 실행되고 안에있는 if문도 실행된다.
결과 확인하기
04. if문 생략 & 삼항 연산자
if문은 조건식이 참이든 거짓이든 전부 확인 후 결과가 나오지만
삼항 연산자는 조건식에 맞는 부분만 보고 실행한다.
{
const num = 100;
if(num == 100){
document.write("실행되었습니다.(true)");
}
if(num == 100) document.write("실행되었습니다.(true)");
if(num == 100){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
if(num == 100) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.(false)");
// 삼항 연산자(조건식 연산자) (조건식) ? true : false
(num == 100) ? document.write("true") : document.write("false");
}
line 3-5 : if문의 정석적인 방법
line 7 : if문 생략 - {}을 생략했다.
line 9-13 : if, else의 정석 방법
line 15-16 : if, else의 생략 - {}을 생략했다.
line 21 : 삼항연산자로
(조건식) ? true일때 : false일때
결과 확인하기
05. switch문
요즘은 거의 사용하지 않는 문법으로,
break나, continue따라온다.
{
const num = 100;
switch(num){
case 90:
document.write("실행되었습니다.(90)");
break;
case 95:
document.write("실행되었습니다.(95)");
break;
case 100:
document.write("실행되었습니다.(100)");
break;
case 105:
document.write("실행되었습니다.(105)");
break;
default:
document.write("실행되었습니다.");
}
}
case의 조건이 맞을때 break가 걸려 swich를 탈출한다.
결과 확인하기
06. while문
for()와 마찬가지로 반복문이다.
{
let num = 1;
while(num<=10){
document.write(num);
num++;
}
}
line 2 : num이 10보다 작을 때동안 반복하여
line 3 : document.write(num);을 실행하며 숫자를 쓰고
line 4 : num++; num에 1을 더하여 무한루프에 빠지지 않게 한다.
결과 확인하기
07. do while문
while문과 비슷하지만 do를 일단 한번은 실행한다.
{
let num = 1;
do {
document.write(num);
num++
} while(num<=10);
}
line 2 : 조건을 보고 실행문을 하는게 아닌 일단 한번 실행한다.
line 5 : 그 후 조건문while(num<=10);을 보고 반복할 지 결정한다.
결과 확인하기
08. for문
반복문 for() 조건에 맞을동안 계속 반복한다.
{
for(let i=1; i<11; i++){
document.write(i);
}
}
1~9까지 순자를 출력한다.
결과 확인하기
09. break문
break;를 만나면 반복문을 종료한다.
{
for(let i=1; i<10; i++){
if ( i==5 ){
break;
}
document.write(i);
}
}
line 2 : if 조건문에 i==5이 있어서 i가 5가되면 break가 작동해 반복문을 종료한다.
결과 확인하기
10. continue문
특정 조건에 따라 특정 작업을 넘긴다.
{
for(let i=1; i<10; i++){
if (i==5){
continue;
}
document.write(i);
}
}
line 2 : i가 5일 때, line 3 : continue가 실행돼서 5는 넘어간 후 그 다음 숫자부터 출력된다.