01. if문
if문은 조건식의 참(true), 거짓(false)을 판단하여 값을 출력합니다.
//true, 1, "0", "n", 1<10, [], {} --> true
//false, 0, undefined, nul, "" --> false
//if(조건식){
// document.write("실행되었습니다(true).");
//} else {
// document.write("실행되었습니다(false).");
//}
//document.write(i) -->
if(0){
document.write("실행되었습니다(true).");
} else {
document.write("실행되었습니다(false).");
}
document.write(i);
결과보기
02. if문 생략
if문에서는 중괄호를 생략하고, 한 줄로 작업할 수 있습니다.
const num = 100;
if(num) document.write("실행되었습니다(true).")
else document.write("실행되었습니다(false).")
결과보기
03. 다중 if문
다중 if문을 사용하면 num의 값에 따라 각각 다른 값을 출력할 수 있습니다.
const num = 100;
if(num == 90){
document.write("실행되었습니다(num==90)");
} else if(num == 100){
document.write("실행되었습니다(num==100).")
} else if(num == 110){
document.write("실행되었습니다(num==110).")
} else if(num == 120){
document.write("실행되었습니다(num==120).")
} else {
document.write("실행되었습니다(num==값이없음).")
}
결과보기
04. 중첩 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)");
}
결과보기
05. 삼항 연산자(조건부 연산자)
조건부 삼항 연산자는 자바스크립트에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 세 개의 항은 조건문 하나, 선택문 두 개로 구성됩니다.
const num = 100;
//num의 값이 100이면 true 출력, 그 외의 값이면 false 출력
if(num == 100){ //if문
document.write("true")
} else {
document.write("false")
}
(num == 100) ? document.write("true"):document.write("false") //삼항 연산자
결과보기
06. switch문
switch문은 if문과 같이 조건 제어문에 속하지만, if문처럼 조건식 내에 부등식을 사용할 수는 없습니다. 이처럼 if문에 비하여 제한적이지만, 속도가 빠르고 가독성이 좋다는 장점이 있습니다.
const num = 100;
switch( num ){
case 100 :
document.write("실행되었습니다.(num==100)");
break;
case 110 :
document.write("실행되었습니다.(num==110)");
break;
case 120 :
document.write("실행되었습니다.(num==120)");
break;
case 130 :
document.write("실행되었습니다.(num==130)");
break;
default :
document.write("실행되었습니다.(num==값이 없음)");
}
결과보기
07. while문
while문은 조건식의 값이 true일 경우, 계속해서 반복합니다. 조건식에는 비교 또는 논리 연산식이 주로 오는데, 조건식이 false가 되면 반복 행위를 멈추고 while문을 종료합니다.
let num = 1;
//while문
while(num <= 5){
document.write("실행되었습니다.");
num++;
}
//for문
for(let i=1; i<=5; i++){
document.write("실행되었습니다1.")
}
결과보기
실행되었습니다1. 실행되었습니다1. 실행되었습니다1. 실행되었습니다1. 실행되었습니다1.
08. do while문
do while문은 while문과 동작 방식이 동일하지만, do while문은 do를 먼저 실행하기 때문에 첫 번째 실행은 조건에 상관없이 실행한다는 차이가 있습니다.
let num = 1;
do {
document.write("실행되었습니다2.");
num++;
} while (num <= 5);
결과보기
09. for문
while문이 조건식에 따라 계속해서 반복한다면, for문은 정해진 횟수만큼 반복합니다. 따라서 for문은 반복 횟수를 알고 있을 때 주로 사용합니다.
for( let i=1; i<10; i++ ){
document.write(i+". 실행되었습니다.")
}
let num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
for( let i=0; i<num.length; i++ ){
document.write(num[i] + ". 실행되었습니다.")
}
결과보기
1. 실행되었습니다. 2. 실행되었습니다. 3. 실행되었습니다. 4. 실행되었습니다. 5. 실행되었습니다. 6. 실행되었습니다. 7. 실행되었습니다. 8. 실행되었습니다. 9. 실행되었습니다.
10. 중첩 for문
중첩 for문은 for문 안에 for문이 들어간 형태입니다.
for( let i = 1; i<=2; i++ ){
document.write(i + "실");
for( let j=1; j<=5; j++){
document.write(j + "행");
}
}
결과보기
2실 1행 2행 3행 4행 5행
11. break문
break문은 해당 문이 배치된 지점에서 가장 가까이에 있는 do, for, switch 또는 while문의 실행을 종료합니다. 현재로서는 자주 쓰이는 문법은 아닙니다.
let num = 1;
while(num <=20){
document.write(num);
num++;
break; //while문의 반복을 종료
}
for(let i=1; i<=20; i++){
document.write(i);
if(i==10){
break; //i의 값이 10이 되었을 때, 실행을 종료
}
}
결과보기
1 2 3 4 5 6 7 8 9 10
12. continue문
continue문은 반복문이 실행될 때 어떠한 조건을 제외하고 다음 반복으로 건너뛰는 역할을 합니다. break문과 마찬가지로, 현재는 자주 쓰이지 않습니다.
for(let i=1; i<=20; i++){
if(i==10){
continue; //i의 값이 10이 되었을 때, 건너뛰고 반복을 진행
}
document.write(i);
}