01. if문
조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다. 조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다.
{
// false : 0, null, undefined, false ""(빈문자열)
// true : 1, 2, "0", "1", "ABC", [], {}, true
if(조건식){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
}
결과 확인하기
실행되었습니다.(true)
실행되었습니다.(false)
실행되었습니다.(false)
02. if문 생략
코드를 더 간결하고 읽기 쉽게 만들기 위해 괄호를 생략할 수 있다.
{
const num = 100;
// if(num){
// document.write("실행되었습니다.(true)");
// } else {
// document.write("실행되었습니다.(false)");
// }
if(num) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.(false)");
}
결과 확인하기
실행되었습니다.(true)
03. 삼항 연산자
if문을 사용하지 않고 연산자만으로 조건을 체크할 수 있습니다.
{
const num = 100;
// if(num == 100){
// document.write("true");
// } else {
// document.write("false");
// }
(num == 100) ? document.write("true") : document.write("false");
}
결과 확인하기
true
04. 다중 if(else if)
else if문 안에 또 다른 if문이나 else if문을 사용할 수 있습니다.
{
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 == 100)
05. 중첩 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)")
}
}
결과 확인하기
실행되었습니다.(1)
실행되었습니다.(2)
실행되었습니다.(3)
실행되었습니다.(2)
실행되었습니다.(3)
06. switch문
switch의 매개변수 값과 일치하는 case 변수를 찾아 해당 블록의 소스를 실행합니다.
{
const num = 100;
switch(num){
case 90:
document.write("실행90");
break;
case 80:
document.write("실행80");
break;
case 70:
document.write("실행70");
break;
case 60:
document.write("실행60");
break;
case 50:
document.write("실행50");
break;
default:
document.write("0");
}
}
결과 확인하기
0
07. while문
조건이 참일 경우 반복적으로 블록을 실행합니다.
{
for(let i=0; i<5; i++){
document.write(i);
}
let num = 0;
while(num<5){
document.write(num);
num++;
}
}
결과 확인하기
01234
01234
01234
08. do while문
while문과 유사한 반복문입니다. 코드블록을 먼저 실행한 후 조건을 체크합니다.
{
let num2 = 0;
do {
document.write(num2);
num2++;
} while (num2<5);
}
결과 확인하기
01234
09. for문
for문을 사용해서 1부터 25까지 출력하기
{
let num = 0;
for(let i=1; i<=25; i++){
document.write(i);
num++;
}
document.write("<br>");
document.write(num);
}
결과 확인하기
12345678910111213141516171819202122232425
10. 중첩 for문
중첩 for문을 사용해서 테이블 만들기
{
let table = "<table border='1'>";
for(let i=0; i<5; i++){
table += "<tr>";
for(let j=0; j<5; j++){
table += "<td>"+j+"</td>";
}
table += "</tr>";
}
table += "</table>";
document.write(table);
}
결과 확인하기
11. break문
조건을 만족할 때 반복문을 강제로 종료합니다.
{
for(let i=1; i<20; i++){
if(i == 10){
break;
}
document.write(i);
}
for(let i=1; i<20; i++){
document.write(i);
if(i == 10){
break;
}
}
}
결과 확인하기
123456789
12345678910
12345678910
12. continue문
반복문을 실행하는 중 continue를 만나면 건너뛰고 다음차례의 for문을 실행합니다.
{
for(let i=1; i<20; i++){
if(i == 10){
continue;
}
document.write(i);
}
for(let i=1; i<20; i++){
document.write(i);
if(i == 10){
continue;
}
}
}
결과 확인하기
123456789111213141516171819
12345678910111213141516171819
12345678910111213141516171819