01. if문
if문은 주어진 조건식이 참(또는 true)인 경우에만 특정 코드 블록을 실행하고, 조건식이 거짓(또는 false)인 경우에는 해당 코드 블록을 건너뛰게 됩니다. if문은 프로그램의 흐름을 제어하고 다양한 상황에 대한 로직을 구현하는 데 사용됩니다.
{
// true : true, "문자열", 1, 2, "1", "2", [], {}
// false : false, 0, null, undefined, ""(빈문자열)
if("조건식"){
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
}
}
조건식: 평가할 조건을 나타내는 표현식입니다. 조건식은 참 또는 거짓을 반환하는 표현식이어야 합니다. 예를 들어, 비교 연산자(==, !=, >, <,>=, <=)를 사용하여 값을 비교하거나 논리 연산자(&&, ||, !)를 사용하여 여러 조건을 조합할 수 있습니다.
결과 확인하기
02. 다중 if문
다중 if문은 여러 개의 조건을 순차적으로 검사하고, 조건에 해당하는 첫 번째 블록을 실행하는 제어 구조입니다. 이것은 서로 다른 조건에 따라 다른 동작을 수행해야 할 때 유용합니다. 또한 다중 if문은 else if 블록과 마지막으로 실행될 else 블록과 함께 사용하여 여러 조건을 처리할 수 있습니다.
{
const num = 100;
if(num == 90){
document.write("실행되었습니다.(num = 90)");
} else if(num == 95){
document.write("실행되었습니다.(num = 90)");
} else if(num == 100){
document.write("실행되었습니다.(num = 100)");
} else if(num == 105){
document.write("실행되었습니다.(num = 105)");
} else {
document.write("실행되었습니다.");
}
}
else if 블록은 순차적으로 실행되며, 첫 번째로 참이 되는 조건에 해당하는 학점이 출력됩니다. 마지막 else 블록은 위의 어떤 조건도 참이 아닐 때 실행됩니다.
결과 확인하기
03. 중첩 if문
중첩 if문은 하나의 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문의 조건이 참인 경우에만 검사되므로, 두 번째 조건은 첫 번째 조건이 충족되는 경우에만 고려됩니다.
결과 확인하기
실행되었습니다.2
실행되었습니다.3
04. if문 생략 & 삼항 연산자
삼항 연산자는 조건에 따라 값을 반환하는 간결한 표현식입니다. 이 연산자는 if-else문을 간단하게 표현하는 데 사용됩니다. 삼항 연산자는 다음과 같은 구조를 가집니다:
{
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)");
// 삼항 연산자(조건식 연산자)
(num == 100) ? document.write("true") : document.write("false");
}
조건 ? 값1 : 값2
조건: 평가할 조건을 나타내는 표현식입니다.
값1: 조건이 참인 경우 반환될 값입니다.
값2: 조건이 거짓인 경우 반환될 값입니다.
결과 확인하기
실행되었습니다.(true)
true
05. switch문
switch문은 JavaScript에서 조건에 따라 다른 동작을 수행하는 데 사용되는 제어 구조입니다. switch문은 주로 특정 변수나 표현식의 값을 기준으로 여러 가지 경우(case)를 비교하고, 해당하는 경우에 실행할 코드 블록을 지정합니다.
{
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("실행되었습니다.");
}
}
표현식: switch문에서 비교할 값이나 표현식을 나타냅니다. case 값1: 비교할 값1과 일치하는 경우, 해당 case 블록 내의 코드가 실행됩니다. break문을 사용하여 case 블록을 종료하고 다음 case로 넘어갈 수 있습니다. break문을 생략하면 해당 case 블록 이후의 모든 코드가 순차적으로 실행됩니다. default: 어떤 case에도 일치하지 않는 경우, default 블록 내의 코드가 실행됩니다. default 블록은 선택적이며 생략할 수 있습니다.
결과 확인하기
06. while문
while문은 프로그래밍에서 반복 실행할 코드 블록을 지정하는 데 사용되는 제어 구조입니다. while문은 주어진 조건이 참일 동안 반복적으로 코드를 실행하며, 조건이 거짓이 되면 반복을 중지합니다. 이는 반복 작업이 필요한 경우, 조건이 충족될 때까지 작업을 반복하고자 할 때 유용합니다.
{
// 1-10까지 출력하는 for()
for(let i=1; i<=10; i++){
document.write(i);
}
let num = 1;
while(num<=10){
document.write(num);
num++;
}
}
조건을 평가합니다.
만약 조건이 true이면, 코드 블록 내의 코드를 실행합니다.
코드 블록이 실행된 후 다시 조건을 평가합니다.
조건이 false가 될 때까지 2단계와 3단계를 반복합니다.
결과 확인하기
12345678910
07. do while문
do...while문은 프로그래밍에서 반복 실행할 코드 블록을 지정하는 데 사용되는 제어 구조로, 코드 블록을 최소한 한 번 실행한 다음 조건을 평가하여 조건이 참인 경우에 반복을 계속합니다. do...while문은 while문과 유사하지만, while문과는 달리 조건 평가가 반복 실행 이전에 이루어집니다.
{
let num = 1;
do {
document.write(num);
num++;
} while(num<=10);
}
코드 블록 내의 코드를 실행합니다.
조건을 평가합니다.
만약 조건이 true이면, 코드 블록을 다시 실행합니다.
다시 실행 후에도 조건이 true인 경우 2단계와 3단계를 반복합니다.
결과 확인하기
08. for문
for문은 프로그래밍에서 반복 작업을 수행할 때 가장 자주 사용되는 제어 구조 중 하나입니다. for문은 초기화, 조건, 반복 후 작업을 정의하여 반복적으로 코드 블록을 실행합니다. 이는 반복 횟수가 정해진 경우나 배열과 같은 순서가 있는 데이터를 순회하고자 할 때 유용합니다.
{
for(let i=1; i<=10; i++){
document.write(i);
}
}
초기화: 반복문이 시작될 때 딱 한 번 실행되는 부분으로, 반복 변수를 초기화합니다. 이 부분은 반복 시작 전에 실행됩니다.
조건: 각 반복마다 조건을 평가하여 참(true) 또는 거짓(false)을 판단합니다. 조건이 참인 경우에만 반복문이 계속 실행됩니다.
반복 후 작업: 각 반복이 실행된 후에 반복 변수를 업데이트하는 부분입니다. 이 부분은 각 반복이 끝난 후에 실행됩니다.
결과 확인하기
09. break문
break문은 주로 반복문(for, while, do...while) 내에서 사용되며, 특정 조건이 충족되면 반복문을 즉시 종료하는 데 사용됩니다. break문을 만나면 가장 가까운 반복문의 실행을 중지하고 반복문을 빠져나오게 됩니다.
{
// 1부터 50까지 짝수만
for(let i=1; i<10; i++){
if(i == 5){
break;
}
document.write(i); // 1234
}
}
break문은 조건이 충족되면 가장 가까운 반복문만 탈출하므로 중첩된 반복문에서 사용할 경우 주의가 필요합니다. 원하는 반복문을 종료하려면 해당 반복문의 레이블(label)을 사용하여 break문을 사용할 수 있습니다.
결과 확인하기
10. continue문
continue문은 주로 반복문 (for, while, do...while) 내에서 사용되며, 특정 조건이 충족되었을 때 현재 반복을 종료하고 다음 반복을 시작하는 데 사용됩니다. 즉, continue문을 만나면 반복문 내의 남은 코드를 실행하지 않고 다음 반복 단계로 건너뛰게 됩니다.
{
// 1부터 50까지 짝수만
for(let i=1; i<10; i++){
if(i == 5){
continue;
}
document.write(i); // 12346789
}
}
1. 특정 조건을 만족하는 경우에는 반복문의 일부 코드를 실행하지 않아야 할 때.
2. 특정 조건을 만족하는 경우에는 현재 반복 단계를 건너뛰고 다음 반복 단계로 진행해야 할 때.
TOP